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

推荐关注

Meteor

JSLint - a Javascript code quality tool

jsFiddle

D3.js

WebStorm

推荐书目

Javascript 权威指南第 5 版

Closure: The Definitive Guide

This topic created in 4924 days ago, the information mentioned may be changed or developed.

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

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

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

文件

Javascript

CSS

3 replies 1970-01-01 08:00:00 +08:00

bearice

Nov 20, 2012

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

Keinez

Nov 20, 2012

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

acecode

Nov 20, 2012

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