Essa extensão do Visual Studio Code adiciona trechos de código úteis predefinidos para o Puppeteer. Confira a
API para obter mais informações sobre as opções disponíveis.
To como usar?
Instale a extensão primeiro.
De fato, existem duas maneiras de usar trechos:
1. Digitação direta
Comece a digitar o prefixo ou apenas parte do fragmento. Em seguida, encontre os fragmentos na lista de frases e pressione TAB ou ENTER .
2. Paleta de Comandos
Abra a Paleta de comandos e digite Insert Snippet . Em seguida, basta selecionar o trecho destacado.
Lista de trechos
Abaixo está uma lista de trechos suportados.
Marionetista
| Snippet | Conteúdo |
|---|
p-import | require ('marionetista') |
p-connect | puppeteer.connect |
p-launch | puppeteer.launch |
Navegador
| Snippet | Conteúdo |
|---|
p-browser-close | browser.close |
p-browser-disconnect | browser.disconnect |
p-browser-newPage | browser.newPage |
p-browser-on-disconnected | browser.on ('desconectado', ...) |
Page
| Snippet | Conteúdo |
|---|
p-page-$ | página. $ |
p-page-$$ | página. $$ |
p-page-$eval | página. $ eval |
p-page-$$eval | página. $$ 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 ('fechar', ...) |
p-page-on-console | page.on ('console', ...) |
p-page-on-dialog | page.on ('diálogo', ...) |
p-page-on-domcontentloaded | page.on ('domcontentloaded', ...) |
p-page-on-error | page.on ('erro', ...) |
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 ('carregar', ...) |
p-page-on-metrics | page.on ('métricas', ...) |
p-page-on-pageerror | page.on ('pageerror', ...) |
p-page-on-popup | page.on ('pop-up', ...) |
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 ('resposta', ...) |
p-page-on-workercreated | page.on ('workercreated', ...) |
p-page-on-workerdestroyed | page.on ('workerdestroyed', ...) |
Exemplos gerais
| Snippet | Conteúdo |
|---|
p-examples-basic | Cria um exemplo básico de uma página |
Promoção
Este é um projeto de código aberto. Qualquer entrada seria muito apreciada!