Webkit Javascript控制台 - 如何使用它？

Question

我正在研究一个项目，其中有大量的js等。我没有写下来，我已经把它接过了＃34;

在某个地方有一段javascript正在添加顶部：-50px边距到ID为＆＃34;页脚＆＃34;

的元素

当我查看页面源代码（通过开发人员工具）时，我可以右键单击一个元素，然后打开属性修改＆＃34;

有没有办法监视这个元素，以检测js文件中应用此样式的js中的哪一行？

谢谢，

乔尔

Answer 1

只需右键单击该元素并选择“中断属性修改”，然后当它更改时，脚本将中断并显示它所破坏的行。显示JS改变了它的位置。

如何使用控制台

有一些很好的资源

文档 -

code.google.com/chrome/devtools/docs

视频 -

code.google.com/chrome/devtools/docs/videos.html