I am currently developing a web scraping tool using Puppeteer. Once the webpage is fully loaded, I need to update the HTML code and include an onload event for certain elements.
The issue is that in Puppeteer, the onload event is actually triggered automatically.
For example, the original element looks like this:
<link rel="stylesheet" href="style.css"/>To modify the element using Puppeteer's page.evaluate method, I use the following code snippet:
elem.setAttribute('rel', 'preload');
elem.setAttribute('as', 'style');
elem.setAttribute('onload', "this.rel='stylesheet'");
Expected result:
<link rel="preload" as="style" href="style.css" onload="this.rel='stylesheet'" />Actual result:
<link rel="stylesheet" as="style" href="style.css" onload="this.rel='stylesheet'"/>Is there any way to bypass or prevent this automatic onload behavior in Puppeteer? Alternatively, could this task be accomplished more effectively using an HTML parsing library such as Cheerio?