【问题标题】:Break Point on HTML DOM in ChromeChrome 中 HTML DOM 的断点
【发布时间】:2016-05-27 13:44:33
【问题描述】:

有一个简单的问题:当文档准备好时,我必须找出改变页面 HTML 的 Javascript 代码。 我已经尝试过 Google Chrome 调试工具按照link 中的指导在 DOM 处设置断点。但它对我不起作用,因为 Google Chrome HTML 调试器在页面准备好后工作。所以它对我不起作用。

是否有任何工具可以在 HTML 上放置调试器,并且可以在页面准备好并在浏览器上加载时工作?

任何帮助将不胜感激,在此先感谢

【问题讨论】:

标签: javascript jquery html google-chrome


【解决方案1】:

您可以将debugger; 放入您的javascript 代码中以使代码暂停。

http://www.w3schools.com/jsref/jsref_debugger.asp

【讨论】:

  • 我必须找到javascript,这是我的问题
  • 您可以在 html 中的某处添加 <script>debugger;</script> 并从那里开始。
  • 正如@Wout De Rooms 建议的那样,您可以将调试器放在脚本的顶部。 。然后刷新页面。这将在调试器行停止。然后一直按f10,一行一行的执行。如果您的 html 在按下 f10 后发生更改,那么您知道该行负责 html 更改。
  • 是的,我试过这个,但是我的项目太大了,它有 9 个 jquery 插件和 4 个自定义 javascript 文件 :(
【解决方案2】:

debugger; 语句添加到应用程序的入口点或早期的某个位置。这样,调试器将在解析您的代码并生成 DOM 之前暂停。

【讨论】:

  • 是的,我试过这个,但是我的项目太大了,它有 9 个 jquery 插件和 4 个自定义 javascript 文件 :(
  • @Numan Ali 如果您不想花时间研究入口点,只需在 JS 文件和 HTML 页面的顶部放置 debugger; 语句(如果有内联代码)。
猜你喜欢
  • 2011-12-12
  • 2012-06-05
  • 2019-03-16
  • 2018-10-19
  • 2016-03-21
  • 2017-08-12
  • 2012-06-13
  • 2018-02-28
相关资源
最近更新 更多