拡張機能でレコーダーをカスタマイズする

使用するツールに適したサードパーティ製拡張機能をインストールすると、レコーダーをカスタマイズしてワークフローに統合できます。

拡張機能のコレクションをご確認ください。

拡張機能をインストールする

レコーダーをツールと統合するには、拡張機能をインストールします。

  1. コレクションから拡張機能を選択し、クリックします。
  2. Chrome ウェブストアで [Chrome に追加] をクリックします。
  3. 新しいタブで DevTools を開き、[レコーダー] で新しいカスタム オプションを確認します。

拡張機能をエクスポートして再生する。

このスクリーンショットは、拡張機能が提供するカスタム エクスポートとリプレイのオプションを示しています。

トラブルシューティング

拡張機能をインストールしてもエクスポート オプションや再生オプションが表示されない場合は、以下を確認するか、次の操作を行います。

  • この拡張機能はウェブページでのみ機能します。たとえば、chrome://extensions などの chrome:// ページでは、エクスポート オプションは使用できません。
  • 拡張機能をインストールした後は、必ず新しいブラウザタブを開いてください。
  • 管理者のポリシー。拡張機能が管理者ポリシーによってブロックされているため、表示されない(chrome://policy/ExtensionSettingsruntime_blocked_hosts リストを参照)。

既知の問題:

  • Chrome 104 と 105 の Issue 1351416 では、最初の DevTools パネルとしてレコーダーを開くと、エクスポート オプションが表示されません。回避策として、まず別のパネル(コンソールなど)を開いてから、レコーダーを開きます。この問題は Chrome 106 で修正されています。

独自の拡張機能を構築

レコーダーをニーズに合わせてさらにカスタマイズするには、独自の拡張機能を作成します。

  1. Chrome DevTools レコーダー以外のユーザーフローをカスタマイズして自動化するをご覧ください。
  2. chrome.devtools.recorder API を確認する。
  3. 拡張機能の例をご覧ください。
  4. 拡張機能を開発し、Chrome ウェブストアで公開します。