Learning Puppeteer In-Stride Through Short Videos

A collection of videos that explain and demonstrate practical and up-to-date usages for Puppeteer, inspired by the “Getting to Know Puppeteer Using Practical Examples” article.

A little over a year ago, I published an article overviewing a variety of available capabilities in Puppeteer. Since there were many positive feedbacks, I decided to remake the content as highly focused videos considering up-to-date practices.

That’s only the beginning – I’m planning to make more videos, so you can save the full playlist on YouTube. Also, if you like this kind of work – subscribe to my YouTube channel today to not miss new content.

Well, here we go. 🍿

This video introduces the popular Node js browser automation library, Puppeteer, focusing on the product package and how to install it.

Interacting with the Browser (Chromium & Firefox Nightly)

This video explains how to use Puppeteer in order to interact with the browser, whether it’s Chromium or Firefox Nightly.

Introducing the Browser Context

This video explains what the browser context is in Puppeteer, and how to practically use it.

Headless and Headful Modes

This video explains the idea of running the browser in headless mode, compared to headful mode, and introduces the ways Puppeteer lets us configure these modes.

3 Approaches to Consider at Debugging

This video introduces three possible ways to approach when debugging browser issues with Puppeteer.

Creating and Interacting with a Page

This video explains what a Page is in terms of Puppeteer, and how to create and interact with it – considering its frame.

This video explains how easy it to navigate the Page to URL.

Emulating Devices

This video explains the ways to emulate devices in order to approximate how the page looks and behaves in different view modes.

Handling Events

This video explains how to handle events that are emitted by the page – including treating custom DOM events.

Operating the Mouse

This video explains how to operate the mouse within the page viewport – featuring move and click.

Operating the Keyboard

This video explains how to operate the keyboard for typing text and dispatching keyboard events.

Taking a Screenshot

This video explains how to capture a screenshot of the page – whether partially or fully.

Generating PDF

This video explains how to generate a PDF file from a website page and format it.

Faking Geolocation

This video explains how to change the geolocation of the page.

Inspecting the Accessibility Tree

This video explains how to inspect the accessibility tree of the page.

Gathering Code Coverage Data

This video explains how to gather information regarding JavaScript and CSS code on the page – calculating how many bytes are actually being used and finding the unused parts of the code.

Measuring Performance

This video introduces techniques to analyze the performance of the page – considering load-time and runtime.

Don’t forget to visit my YouTube channel and subscribe in case you enjoyed. 😊

If you like this information and find it interesting or useful – share it 👉

Author: Shantun Parmar

5 thoughts on “Learning Puppeteer In-Stride Through Short Videos

  1. I’m just commenting to let you be aware of of the extraordinary discovery my cousin’s daughter enjoyed going through your site. She discovered lots of issues, most notably how it is like to have a very effective giving mindset to have many others just gain knowledge of certain extremely tough matters. You really did more than our desires. Many thanks for distributing the important, healthy, educational and as well as easy thoughts on the topic to Kate.

  2. I enjoy you because of all of your effort on this blog. Debby delights in conducting internet research and it’s easy to see why. A number of us hear all about the compelling manner you create effective guides by means of the blog and boost contribution from other ones about this area of interest and my child has been becoming educated a great deal. Enjoy the remaining portion of the new year. You’re carrying out a fabulous job.

  3. Thanks for your strategies. One thing really noticed is that often banks plus financial institutions know the dimensions and spending patterns of consumers plus understand that plenty of people max outside their cards around the trips. They correctly take advantage of this real fact and then start flooding a person’s inbox plus snail-mail box by using hundreds of no interest APR credit cards offers shortly when the holiday season closes. Knowing that when you are like 98% in the American general public, you’ll get at the one opportunity to consolidate financial debt and switch balances towards 0 rate credit cards. onnmlop https://headachemedi.com – best medication for tension headaches

Leave a Reply

Your email address will not be published.