如何在页面加载时找到javascript对DOM元素的作用

时间:2015-01-15 05:04:43

标签: javascript google-chrome dom google-chrome-devtools

我有其他红色的答案,但它们都不包括我的情况。

我有一个页面(http://www.lacertussoftware.com/),我的一个包含文件中有一些javascript,用于设置body标签上页面的最小高度和高度。我如何弄清楚javascript正在做什么?我有7个左右的文件,如果我删除我的视差效果/漂亮的滚动/差距都消失了,不知道是在做什么。断点在页面加载时没有用(特别是因为我在页面上包含的代码没有缩小。)

2 个答案:

答案 0 :(得分:1)

您是否考虑过只搜索/min-height//body.{0,50}min-height/(以及CSSOM等效minHeight)的来源?

或者,您可以将style属性的getter / setter添加到HTMLElement / Element原型,该原型记录对style属性的访问,然后将它们转发到本机浏览器实现。如果这不起作用,您可能还必须使用.setAttribute(),因为样式属性也可以这样修改。 显然,这必须尽早在文件中完成。

您还可以尝试使用Chrome""打破属性修改"开发工具的元素视图中的功能。或源下的DOMEvent断点。

答案 1 :(得分:0)

您可以尝试在dom ready处理程序中首先插入debugger;语句,所有js都会暂停。 现在右键单击源中的元素并添加中断 - >属性修改