How to do web automation with Puppeteer-core & Browserless [3 code examples]

const puppeteer = require('puppeteer-core'); //puppeteer is a light-weight version of the puppeteer library, with the exception that puppeteer-core doesn't have chrome binaries since we'll be using a remote chrome session with browserless.
const noApiKeyMessage ="█▓▒\n████▒\n████▒\n████▒   ▒██▓▒\n████▒   ▒████\n████▒   ▒████\n████▒   ▒████\n████▒   ▒████\n████▒   ▒████\n████▒   ▒██████▓▒\n████▒   ▒██████████▒\n████▒   ▒██████▓████\n████▒   ▒█▓▓▒  ▒████\n████▒          ▒████\n████▒       ▒▓██████\n████▒   ▒▓████████▓▒\n████▓▓████████▓▒\n██████████▓▒\n  ▓███▓▒\n\nYou'll need an API key for this to work, follow these steps:\n\n1) Create a free Replit account @ https://replit.com/signup\n2) Fork this project\n3) Create a free browserless account @ https://www.browserless.io/sign-up\n4) Log into your browserless account @ https://cloud.browserless.io/account/ and copy your API key\n5) Go to your forked repo and add a secret called TOKEN with your API key as the value.\n6) Click on RUN and it works!";
 
    
(async() => { //we create an async IIFE
  const myBrowserlessAPIKey = process.env['TOKEN'] //We extract our API key from our environment variables.
  if(!myBrowserlessAPIKey) //If the token isn't retrieved, explain it must be added
    return  console.log(noApiKeyMessage); //print this string
  console.log('Secret extracted to use browserless API KEY');
  const browser = await puppeteer.connect({ browserWSEndpoint: 'wss://chrome.browserless.io?token='+myBrowserlessAPIKey}); //connect to browserless
  console.log('Browser created in browserless\' cloud');
  const page = await browser.newPage();  //create a new tab
  console.log('New page created');
  await page.goto( //navigate to the browserless.io page
    'https://www.browserless.io', 
    { waitUntil: 'networkidle2'} //wait for things to load properly
  );  
  console.log('Navigated to browserless.io');
  await page.waitForSelector('h1'); //wait for the first title element to be available
  const title = await page.evaluate(() => {//evaluate the elements on the page
    return document.querySelector('h1').innerHTML;//return the innerHTML of the first title element found
  });//generate a screenshot named example.png
  console.log('Title extracted!: '+title);//log the text of the first title element found
  await page.screenshot({path: 'example.png'}); //generate a screenshot named example.png
  console.log('Screenshot generated!');
  await page.emulateMediaType('screen');
  await page.pdf({path: 'example.pdf'}); //generate a screenshot named example.png
  console.log('PDF generated!');
  browser.close(); //close the browser so we don't spend extra seconds of our credit
  console.log('Browser closed - clean up time!');
  console.log('End of script');
})().catch(error=>{ //if there are any errors with the code above, do the following things:
  console.log(error); //print the error stack trace
});