Это расширение Visual Studio Code добавляет предопределенные полезные фрагменты кода для Puppeteer. Проверьте API для получения дополнительной информации о доступных возможностях.

‍ Как использовать?

Сначала установите расширение.

По сути, есть два способа применения сниппетов:

1. Прямой набор текста

Начните вводить префикс или просто часть фрагмента. Затем найдите фрагменты в списке предложений и нажмите TAB или ENTER.

2. Command Palette

Откройте Command Palette и введите Insert Snippet. Затем просто выберите выделенный сниппет.

Список сниппетов

Ниже прикреплен список поддерживаемых сниппетов.

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

Содействие

Это проект с открытым исходным кодом. Любой вклад будет принят с благодарностью!

VS Code — сниппеты Puppeteer