Chrome拡張機能 の Background Scripts (または Event Scripts) をデバッグしたい

久々に Chrome拡張機能 を作ろうとして、 Background Scripts (または Event Scripts) のデバッグのために console.log の出力を確認したくなったので、その方法をメモ。

方法

Chrome拡張機能 の設定を開きます。もちろんデベロッパーモードはオンにしている状態で。

「バックグラウンドページ」を開く
「バックグラウンドページ」を開く

その状態で、自作して読み込ませている Chrome拡張機能 のカードから「ビューを検証」の横の「バックグラウンドページ」を開きます。

バックグラウンドページ用の Console
バックグラウンドページ用の Console

すると、通常の Cosnole のようなダイアログが開きます。 Background Scripts (または Event Scripts) に記述された console.log の内容はここに出力されるので確認できます。

普段あまりやらないと忘れますね……。

参考

この記事を書いた人

アルム=バンド

フロントエンド・バックエンド・サーバエンジニア。LAMPやNodeからWP、Gulpを使ってejs,Scss,JSのコーディングまで一通り。たまにRasPiで遊んだり、趣味で開発したり。