DevTools のヒント: Chrome 拡張機能のデバッグ

Sofia Emelianova

Chrome 拡張機能は、ウェブ技術を使用して構築できるソフトウェア プログラムです。拡張機能を使用すると、Chrome のブラウジング環境をカスタマイズできます。アプリは、Chrome ウェブストアからpublishしてダウンロードできます。

Chrome DevTools には、拡張機能のデバッグに役立つさまざまな機能が用意されています。

次の方法について動画をご覧ください。

• Chrome に解凍した拡張機能を読み込み、デベロッパー モードを有効にします。
• エラーを表示して Service Worker を調べる。
• ワンクリックで拡張機能を再読み込みする
• 拡張機能メモリのデバッグ。
• コンテンツ スクリプトを無視しないように DevTools を構成します。
• コンテンツ スクリプトをデバッグする。
• [ソース] > [コンテンツ スクリプト] タブの順序を変更します。

詳細については、拡張機能 101 をご覧ください。