Diese Visual Studio Code-Erweiterung fügt vordefinierte nützliche Codefragmente für Puppeteer hinzu. Weitere Informationen zu den verfügbaren Optionen finden Sie in der
API .
Wie benutzt man?
Installieren Sie zuerst die Erweiterung .
Tatsächlich gibt es zwei Möglichkeiten, Snippets zu verwenden:
1. Direkte Eingabe
Geben Sie das Präfix oder nur einen Teil des Fragments ein. Suchen Sie dann die Fragmente in der ENTER und drücken Sie die TAB oder die ENTER .
2. Befehlspalette
Öffnen Sie die Befehlspalette und geben Sie Insert Snippet . Wählen Sie dann einfach das markierte Snippet aus.
Snippet-Liste
Unten finden Sie eine Liste der unterstützten Snippets.
Puppenspieler
| Snippet | Inhalt |
|---|
p-import | erfordern ('Puppenspieler') |
p-connect | Puppenspieler.Verbinden |
p-launch | Puppenspieler |
Browser
| Snippet | Inhalt |
|---|
p-browser-close | browser.close |
p-browser-disconnect | browser.disconnect |
p-browser-newPage | browser.newPage |
p-browser-on-disconnected | browser.on ('nicht verbunden', ...) |
Seite
| Snippet | Inhalt |
|---|
p-page-$ | Seite. $ |
p-page-$$ | Seite. $$ |
p-page-$eval | Seite. $ eval |
p-page-$$eval | Seite. $$ 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 ('Konsole', ...) |
p-page-on-dialog | page.on ('dialog', ...) |
p-page-on-domcontentloaded | page.on ('domcontentloaded', ...) |
p-page-on-error | page.on ('Fehler', ...) |
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 ('Metriken', ...) |
p-page-on-pageerror | page.on ('pageerror', ...) |
p-page-on-popup | page.on ('Popup', ...) |
p-page-on-request | page.on ('Anfrage', ...) |
p-page-on-requestfailed | page.on ('requestfailed', ...) |
p-page-on-requestfinished | page.on ('requestfinished', ...) |
p-page-on-response | page.on ('Antwort', ...) |
p-page-on-workercreated | page.on ('workercreated', ...) |
p-page-on-workerdestroyed | page.on ('workerdestroyed', ...) |
Allgemeine Beispiele
| Snippet | Inhalt |
|---|
p-examples-basic | Erstellt ein grundlegendes Beispiel für eine Seite |
Förderung
Dies ist ein Open Source-Projekt. Jede Eingabe wäre sehr dankbar!