このVisual Studio Code拡張機能は、Puppeteer用の定義済みの便利なコードスニペットを追加します。 利用可能なオプションの詳細については、
APIをご覧ください。
use使用方法
最初に拡張機能をインストールします。
実際、スニペットを使用する方法は2つあります。
1.直接入力
プレフィックスまたはフラグメントの一部の入力を開始します。 次に、文のリストでフラグメントを見つけ、 TABまたはENTERを押しENTER 。
2.コマンドパレット
コマンドパレットを開き、「 Insert Snippetと入力します。 次に、強調表示されたスニペットを選択します。
スニペットリスト
以下は、サポートされているスニペットのリストです。
操り人形師
| スニペット | 内容 |
|---|
p-import | require（ '操り人形師'） |
p-connect | puppeteer.connect |
p-launch | puppeteer.launch |
ブラウザ
| スニペット | 内容 |
|---|
p-browser-close | browser.close |
p-browser-disconnect | browser.disconnect |
p-browser-newPage | browser.newPage |
p-browser-on-disconnected | browser.on（ 'disconnected'、...） |
ページ
| スニペット | 内容 |
|---|
p-page-$ | ページ。 |
p-page-$$ | ページ。 |
p-page-$eval | ページ。$ eval |
p-page-$$eval | ページ。$$ 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'、...） |
一般的な例
| スニペット | 内容 |
|---|
p-examples-basic | ページの基本的な例を作成します |
プロモーション
これはオープンソースプロジェクトです。 どんな入力でも大歓迎です！