如何快速知道一个标签是由哪个Javascript文件操作的？

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

推荐关注

› Meteor

› JSLint - a JavaScript code quality tool

› jsFiddle

› D3.js

› WebStorm

推荐书目

› JavaScript 权威指南第 5 版

› Closure: The Definitive Guide

这是一个创建于 4384 天前的主题，其中的信息可能已经有所发展或是发生改变。

Speed Dial 2的缩略图在1920宽度下没有办法把屏幕撑满，看了下CSS是直接写在<style>里面的，Custom CSS不起作用，于是试图修改其Javascript文件。

然后就卡壳了……因为不知道是由哪个文件哪个语句操作的html，所以只能用笨办法一个文件一个文件的看……

这得找到什么时候= =求高效率一点的方法

文件

JavaScript

CSS

3 条回复 • 1970-01-01 08:00:00 +08:00

bearice

2012-11-20 11:15:58 +08:00

找关键字（比如id class之类的）然后在js里搜索咯

Keinez

2012-11-20 11:19:25 +08:00

@bearice 解决了，在sublime里面用正则查id+witdh……
（一直不想碰的正则表达式还是学了- -）

acecode

2012-11-20 18:13:36 +08:00

webkit系列浏览器(Chrome, Safari, Opera不成)，在该元素上右击->查看元素，打开开发者工具窗口，在Elements选项卡DOM树中的那个元素会自动高亮，在该元素上点右键，选择Break on(停止于)-> attribute Change(属性变化)；然后(等待或者手动)触发引起style变化的操作，开发者工具就会切换到Scripts选项卡，右边有Call Stack(调用栈)，按照栈往上翻js文件就成了；如果有其他的属性变化干扰，可以按scripts 选项卡右上方的那个||>(继续执行)按钮直接”放过去“