この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
| ページの基本的な例を作成します |
プロモーション
これはオープンソースプロジェクトです。 どんな入力でも大歓迎です！