在指定时间停止页面加载

Stop page load at specified time

本文关键字：加载 定时间      更新时间：2024-04-04

我正在尝试调试一个元素，该元素在页面加载的前0.5-1秒加载。在那之后，它完全消失了；我想知道是否有任何方法可以在某个时间加载页面时停止它，无论是使用脚本还是模拟器，这样我就可以使用开发工具跟踪这个元素。

您可以调用window.stop()来停止窗口加载，如果这正是您想要的。

不过，通过设置一些断点而不是手动插入停止语句，使用浏览器javascript调试器暂停脚本执行听起来会更容易。

第二次尝试，现在我对您的问题有了更好的理解。

您可以使用MutationObserver将更改输出到DOM。像这样简单的东西

var observer = new MutationObserver(function (mutations) {
  mutations.forEach(function (mutation) {
    console.log(mutation);
  });
})
observer.observe(document.body, {
  attributes: true,
  childList: true,
  characterData: true,
  subtree: true
});
var hiders = document.querySelectorAll('.hider'), 
    hiders = Array.prototype.slice.call(hiders);
hiders.forEach(function(el) { 
  el.parentNode.removeChild(el); 
}); 
<div class="hider"></div>
<div class="hider"></div>

在窗口中的load处理程序将工作，并在每次更改时输出一个MutationRecord。我敢打赌，其中一个将是你的元素（特别是记录的removedNodes）。如果你使用它，这个片段的浏览器控制台将显示你将看到的内容。

相关文章：