GoogleChromeLabs/puppeteer-examples

Name: puppeteer-examples

Owner: GoogleChromeLabs

Description: Use case-driven examples for using Puppeteer and headless chrome

Created: 2018-02-28 17:14:15.0

Updated: 2018-05-24 19:26:30.0

Pushed: 2018-05-24 16:05:46.0

Homepage: https://developers.google.com/web/tools/puppeteer/

Size: 112

Language: JavaScript

GitHub Committers

UserMost Recent Commit# Commits

Other Committers

UserEmailMost Recent Commit# Commits

README

Useful Puppeteer demos!

Examples for using Puppeteer to do big, bold things.

Output from some of the examples:

code_coverage.js

Test lazy loading strategy by seeing CSS/JS code coverage usage across page load.

screen shot 2018-02-26 at 10 20 41 am

verify_sw_caching.js

Verify all the resources you expect are being cached by a service worker for offline.

screen shot 2018-03-01 at 5 09 32 pm

google_search_features.js

Gut check your page to make sure it renders correctly for Google Search.

screen shot 2018-03-07 at 12 50 32 pm

speech.js

Make your browser talk.

Speech demo in action

pacman.js

Play the Google Pac-Man Doodle.

ePlaying Puppeteer Pacman

element-to-pdf.js

Turn a DOM element into a PDF.

elemen-to-pdf output example

crawlsite.js

Discover all the URLs on a site and visualize the subpages.

Crawl a site/SPA

side-by-side-pageload.js

Load 2 or more pages side-by-side to visually see the difference in page load. Optional desktop viewport and throttling settings.

Side by side page load

License

Apache 2.0 © 2018 Google Inc.


This work is supported by the National Institutes of Health's National Center for Advancing Translational Sciences, Grant Number U24TR002306. This work is solely the responsibility of the creators and does not necessarily represent the official views of the National Institutes of Health.