Question

我正在尝试调试在页面加载时加载第一个.5 - 1秒的元素。之后它完全消失了;我想知道是否有任何方法我可以在某个时间加载页面时停止页面，或者使用脚本或模拟器，这样我就可以使用开发人员工具来跟踪这个元素。

感谢您的任何指示！

Answer 1

如果您正在寻找，可以致电window.stop()停止加载窗口。

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

Answer 2

第二次尝试，现在我理解你的问题好一点了。

您可以使用MutationObserver输出对DOM的更改。像

这样简单的东西

＆＃13;

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); 
});

＆＃13;

<div class="hider"></div>
<div class="hider"></div>

＆＃13;

窗口中的

load处理程序将起作用，并将在每次更改时输出MutationRecord。我打赌其中一个将是您的元素（具体来说，是记录的removedNodes。）此代码段的浏览器控制台将包含您使用此内容时所看到的内容。

在指定时间停止页面加载

2 个答案: