VS Code - Puppeteer Snippets

This Visual Studio Code extension adds predefined useful code snippets for the Puppeteer. Check the API for more information on the available options.

how to use?

Install the extension first.

In fact, there are two ways to use snippets:

1. Direct typing

Start typing the prefix or just part of the fragment. Then find the fragments in the list of sentences and press TAB or ENTER .

2. Command Palette

Open Command Palette and type Insert Snippet . Then simply select the highlighted snippet.

Snippets list

Below is a list of supported snippets.

Puppeteer

Snippet	Content
p-import	require ('puppeteer')
p-connect	puppeteer.connect
p-launch	puppeteer.launch

Browser

Snippet	Content
p-browser-close	browser.close
p-browser-disconnect	browser.disconnect
p-browser-newPage	browser.newPage
p-browser-on-disconnected	browser.on ('disconnected', ...)

Page

Snippet	Content
p-page-$	page. $
p-page-$$	page. $$
p-page-$eval	page. $ eval
p-page-$$eval	page. $$ eval
p-page-browser	page.browser
p-page-click	page.click
p-page-close	page.close
p-page-content	page.content
p-page-emulate	page.emulate
p-page-emulateMedia	page.emulateMedia
p-page-focus	page.focus
p-page-goBack	page.goBack
p-page-goForward	page.goForward
p-page-goto	page.goto
p-page-hover	page.hover
p-page-keyboard-down	page.keyboard.down
p-page-keyboard-press	page.keyboard.press
p-page-keyboard-sendCharacter	page.keyboard.sendCharacter
p-page-keyboard-type	page.keyboard.type
p-page-keyboard-up	page.keyboard.up
p-page-mouse-click	page.mouse.click
p-page-mouse-down	page.mouse.down
p-page-mouse-move	page.mouse.move
p-page-mouse-up	page.mouse.up
p-page-pdf	page.pdf
p-page-reload	page.reload
p-page-screenshot	page.screenshot
p-page-title	page.title
p-page-url	page.url
p-page-waitFor	page.waitFor
p-page-waitForFunction	page.waitForFunction
p-page-waitForNavigation	page.waitForNavigation
p-page-waitForRequest	page.waitForRequest
p-page-waitForResponse	page.waitForResponse
p-page-waitForSelector	page.waitForSelector
p-page-waitForXPath	page.waitForXPath
p-page-on-close	page.on ('close', ...)
p-page-on-console	page.on ('console', ...)
p-page-on-dialog	page.on ('dialog', ...)
p-page-on-domcontentloaded	page.on ('domcontentloaded', ...)
p-page-on-error	page.on ('error', ...)
p-page-on-frameattached	page.on ('frameattached', ...)
p-page-on-framedetached	page.on ('framedetached', ...)
p-page-on-framenavigated	page.on ('framenavigated', ...)
p-page-on-load	page.on ('load', ...)
p-page-on-metrics	page.on ('metrics', ...)
p-page-on-pageerror	page.on ('pageerror', ...)
p-page-on-popup	page.on ('popup', ...)
p-page-on-request	page.on ('request', ...)
p-page-on-requestfailed	page.on ('requestfailed', ...)
p-page-on-requestfinished	page.on ('requestfinished', ...)
p-page-on-response	page.on ('response', ...)
p-page-on-workercreated	page.on ('workercreated', ...)
p-page-on-workerdestroyed	page.on ('workerdestroyed', ...)

General Examples

Snippet	Content
p-examples-basic	Creates a basic example of a page

Assistance

This is an open source project. Any input will be greatly appreciated!