Skip to content

非公式本サイトは非公式の日本語ドキュメントであり、Cloudflare 公式サイトではありません。最新情報はdevelopers.cloudflare.comをご確認ください。

DevTools

最終更新 Markdown で表示Agent セットアップ

DevTools の利用

Wrangler CLIwrangler dev)で Worker をローカル実行する場合、または Cloudflare Vite plugin 付きの Vite を使う場合、Chrome DevToolsCloudflare 実装 を自動的に利用できます。

Chrome DevTools では次のことができます。

DevTools を開く

Wrangler

  • wrangler dev を実行して、Worker をローカルで起動します
  • ターミナルで D キーを押し、ブラウザのタブで DevTools を開きます

Vite

  • vite を実行して、Worker をローカルで起動します
  • 新しい Chrome タブで、コンソールに表示されるデバッグ URL を開きます(例: http://localhost:5173/__debug

ダッシュボードエディターと Playground

Cloudflare dashboardWorkers Playground の両方に、UI 内の DevTools があります。

関連リソース

  • ローカル開発 — Wrangler と workerd で Workers と接続先リソースをローカル開発し、速く正確なフィードバックループを得ます。

役に立ちましたか?