在 Chrome 扩展 javascript 中循环导致页面无法加载

Question

i just wanted to make a condition before the script runs so i decided to run this loop before my code, however the website does not want to load with it:

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

it checks if it has correct string so it can run the full script. I made this because the website has dynamic content and load in 2 times. Hope you understand me. website is:https://www.nike.com/events-registration/event?id=1618516799261

thank you.

Answer 1

You can use the following technique:

1. Set an interval to check for an image DOM element and add an event listener to it.
2. The event listener should wait for the image to load, and then you can perform your actions.

We choose images because they load slow. Try to find out the class/id(should not be dynamic) of any image.

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 event works on only a few DOM Element types. Image is one of them.