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

[Keinez]

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

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

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

[bearice]

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

[Keinez]

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

[acecode]

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