Puppeteer

Browser

会話でPuppeteerのブラウザオートメーションスクリプトを作成、実行、デバッグ — NeotaskはOpenClawを使ってヘッドレスChromeオートメーションを誰でも利用できるようにします。

できること

Puppeteerスクリプトの生成

自動化したいことを説明するとNeotaskが完全なPuppeteerスクリプトを作成します — ナビゲーション、要素の選択、フォームへの入力、クリックシーケンス、スクリーンショットのキャプチャ、データの抽出。適切なエラー処理と待機戦略を持つ本番対応のNode.jsコードを取得できます。

オートメーションの失敗のデバッグ

失敗したPuppeteerスクリプトまたはエラーメッセージを貼り付けるとNeotaskが問題を診断します。古い要素の参照、競合状態、セレクターの変更、ナビゲーションタイムアウトのミスマッチ、awaitキーワードの欠落など。修正されたスクリプトと何が悪かったかの説明を取得できます。

スクレイピングパイプラインの構築

ページネーション、遅延読み込みコンテンツ、無限スクロール、動的にレンダリングされるJavaScriptページを処理するPuppeteerスクレイパーを作成するようNeotaskに依頼できます。

スクリーンショットとPDFのキャプチャ

フルページスクリーンショット、特定の要素領域のキャプチャ、PDFへのレンダリングを行うPuppeteerスクリプトを生成できます。

質問例

  • 「GitHubにログインし、私のリポジトリにナビゲートし、全リポジトリ名とスター数のリストを抽出するPuppeteerスクリプトを作成して」
  • 「Puppeteerセレクター.product-priceが動作しなくなった — これがエラーです: [エラーを貼り付け]。何が変わったのか修正方法は？」
  • 「このブログの最初の5ページからタイトル、日付、URLを含む全記事をスクレイピングするPuppeteerスクリプトを生成して」
  • 「テストデータでこのチェックアウトフォームを入力して各ステップでスクリーンショットを撮るPuppeteerスクリプトを作成して」
  • 「Puppeteerでファイルアップロードダイアログを処理する方法を教えて — 例を書いて」
  • 「このリストの各URLのPDFを生成するPuppeteerスクリプトを作成して」

    • プロのヒント

  • 固定遅延よりwaitForSelectorを常に使用してください — page.waitForTimeout()呼び出しをpage.waitForSelector()またはpage.waitForNetworkIdle()に置き換えるようNeotaskに依頼してください。時間ベースの待機は不安定なオートメーションの最も一般的な原因です。
  • スクレイピングのためのリクエストインターセプション — 画像、フォント、アナリティクススクリプトをブロックするリクエストインターセプションを追加するようNeotaskに依頼してください。ページが3〜5倍速く読み込まれます。
  • 失敗時のスクリーンショット — 全スクリプトに例外発生時のスクリーンショットブロックを追加するようNeotaskに依頼してください。スクリプトが失敗したときのページの状態が正確にわかるためデバッグが10倍簡単になります。

    • Works Well With