通过一些javascript函数在初始页面加载时调试HTML元素更改，但是找不到它。
Pat*_*パトシ 3 javascript frontend breakpoints javascript-debugger google-chrome-devtools
我知道chrome有一个javascript调试器，您可以在其中修改任何内容而在HTML中设置断点，但是您只有在页面已加载后才能执行此操作。我试图弄清楚如何在初始页面加载时为元素分配内联样式。我试图在文件中搜索该类，但没有任何显示。我不确定如何跟踪此设置。视图源不显示任何内联样式，因此它必须来自js文件。
一个人将如何调试呢？
我唯一可以建议的是：
- 在“ 脚本” >“ 脚本第一条语句”上设置事件侦听器断点。
- 重新加载页面。DevTools会在执行的第一个脚本的第一行暂停。
- 现在，回到元素面板，并放置一个子树修改 DOM断点上
<body>。每当修改任何节点时，DevTools都会暂停。或者，如果您的目标节点已在HTML中声明并且已经存在于页面中，则直接在目标节点上设置DOM断点。 - 继续按Resume Script Execution，直到找到修改节点的代码行。每次按Resume Script Execution时，脚本仅在修改另一个节点之前执行。
这绕开了无法在页面加载时使用DOM断点的DevTools限制，因为从技术上讲，在设置DOM断点时页面已开始运行。
但是，这似乎是一个非常核心的用例。如您所述，单个节点上的DOM断点在页面加载时不起作用。DOM突变事件侦听器断点也没有。我将以一种或另一种方式处理功能请求。
| 归档时间： |
|
| 查看次数： |
1141 次 |
| 最近记录： |