chrome 扩展程序 javascript 中的循环导致页面无法加载

Question

我只是想在脚本运行之前设置一个条件，所以我决定在我的代码之前运行这个循环，但是网站不想加载它：

s =document.documentElement.innerText.split(",")[5]
while (s != " 2021 - June 25"){
    s =document.documentElement.innerText.split(",")[5]
}

它检查它是否有正确的字符串，以便它可以运行完整的脚本。我这样做是因为该网站具有动态内容并加载了 2 次。希望你能理解我。网站是：https://www.nike.com/events-registration/event?id=1618516799261

谢谢。

Answer 1

您可以使用以下技巧：

设置 interval 以检查图像 DOM 元素并向其添加事件侦听器。
事件侦听器应等待图像加载，然后您可以执行操作。

我们选择图片是因为它们加载速度慢。尝试找出任何图像的 class/id（不应是动态的）。

var checkInterval = setInterval(()=>{
if(document.querySelector('.slowImageClass')!=null){
document.querySelector('.slowImageClass').addEventListener('load', () => {
   clearInterval(checkInterval ); //To stop the loop
   //Your actions

});
}
},300  /**  time in milliseconds        **/);

Load 事件仅适用于少数 DOM 元素类型。图片就是其中之一。

chrome 扩展程序 javascript 中的循环导致页面无法加载

Loop in chrome extension javascript is making the page not loading

javascript

loops

google-chrome