gpt4 book ai didi

javascript - 通过某些 javascript 函数在初始页面加载时调试 HTML 元素更改,但无法找到它。

转载 作者:塔克拉玛干 更新时间:2023-11-02 22:59:47 24 4
gpt4 key购买 nike

我知道 chrome 有一个 javascript 调试器,如果有任何修改,您可以在 HTML 中设置断点,但您只能在页面已经加载时执行此操作。我试图弄清楚如何在初始页面加载时为元素分配内联样式。我试图在文件中搜索该类(class),但没有显示任何内容。我不确定如何追踪设置的位置。 View 源不显示任何内联样式,因此它必须来自 js 文件。

如何调试它?

enter image description here

最佳答案

我唯一可以建议的是:

  1. 设置 event listener breakpointScript> Script First Statement 上。
  2. 重新加载页面。 DevTools 在执行的第一个脚本的第一行暂停。
  3. 现在,回到元素面板,放置一个子树修改 DOM breakpoint<body> .每当修改任何节点时,DevTools 都会暂停。或者,如果您的目标节点已在 HTML 中声明并且已存在于页面中,则直接在目标节点上设置 DOM 断点。
  4. 继续按Resume Script Execution直到找到修改节点的代码行。每次您按下Resume Script Execution,脚本只会执行到另一个节点被修改。

这绕过了 DevTools 对 DOM 断点在页面加载时不起作用的限制,因为在您设置 DOM 断点时页面在技术上已经开始运行。

不过,这似乎是一个非常核心的用例。正如您提到的,单个节点上的 DOM 断点在页面加载时不起作用。 DOM 变异事件监听器断点也没有。我将提出一个功能请求来以某种方式处理这个问题。

关于javascript - 通过某些 javascript 函数在初始页面加载时调试 HTML 元素更改,但无法找到它。,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43108480/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com