Skip to main content

Removing Script Tags in Puppeteer

Updated by Tim Rabbetts on
Removing Script Tags in Puppeteer

Removing Script Tags in Puppeteer

Puppeteer is a powerful tool that allows you to control and automate a headless Chrome browser. One common task when using Puppeteer is removing script tags from a webpage. This can be useful for various reasons, such as preventing unwanted scripts from running or cleaning up the DOM before taking a screenshot.

Using Puppeteer to Remove Script Tags

Removing script tags in Puppeteer is a straightforward process. You can use the evaluate method to manipulate the DOM of a page and remove script elements. Here is an example:


const puppeteer = require('puppeteer');

(async () => {
  const browser = await puppeteer.launch();
  const page = await browser.newPage();
  await page.goto('https://example.com');

  await page.evaluate(() => {
    const scriptElements = document.querySelectorAll('script');
    scriptElements.forEach(element => {
      element.remove();
    });
  });

  await page.screenshot({ path: 'screenshot.png' });

  await browser.close();
})();

References