1. ホーム
  2. デバッギング

[解決済み】拡張機能のbackground.jsのコンソールやdevtoolsにアクセスする。

2022-04-09 15:37:31

質問

Google Chromeの拡張機能を使い始めたばかりですが、バックグラウンドのjsからコンソールにログを記録することができないようです。エラーが発生した場合(例えば構文エラーなど)、エラーメッセージも見当たりません。

私のマニフェストファイルです。

{
  "name": "My First Extension",
  "version": "1.0",
  "manifest_version": 2,
  "description": "The first extension that I made.",
  "browser_action": {
    "default_icon": "icon.png"
  },
  "background": {
    "scripts": ["background.js"]
  },
  "permissions": [
    "pageCapture",
    "tabs"
  ]
}

background.js。

alert("here");
console.log("Hello, world!")

拡張機能をロードすると、アラートは出ますが、コンソールに何もログが記録されないのです。何が間違っているのでしょうか?

解決方法を教えてください。

見る場所を間違えています。これらのコンソールメッセージは、Webページではなく、不可視のバックグラウンドページ(ManifestV2)またはサービスワーカー(ManifestV3)に表示されます。

正しいコンソールを表示するには、バックグラウンドスクリプトのコンテキストのdevtoolsを開いてください。

  1. 訪問先 chrome://extensions/ をクリックするか、拡張機能のアイコンを右クリックして、「拡張機能の管理」を選択してください。
  2. デベロッパーモードを有効にする
  3. というリンクをクリックします。 background page (ManifestV2)または service worker (ManifestV3)と同じです。

ManifestV2拡張機能用の画面です。

ManifestV3の拡張機能に関する画面です。