拡張されたbackground.jsコンソールと開発ツールにアクセスします

Question

Google Chrome 拡張機能を使い始めたのですが、バックグラウンドの js からコンソールにログインできないようです。また、エラーが発生したとき（構文エラーなどによる）エラー メッセージも見つかりません。

私のマニフェスト ファイル:

{
  "name": "最初の内線番号",
  "バージョン": "1.0",
  "manifest_version": 2、
  "description": "私が作成した最初の拡張機能。",
  "ブラウザアクション": {
    "default_icon": "icon.png"
  }、
  "背景"： {
    "スクリプト": ["background.js"]
  }、
  「権限」: [
    "ページキャプチャ",
    「タブ」
  ]
}

background.js:

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

拡張機能をロードするとアラートが表示されますが、コンソールには何も記録されません。私が何を間違えたのでしょうか？

Answer 1

同じ問題が発生しました。私の場合、Chrome デベロッパー ツールのコンソール タブのログが「すべて非表示」に設定されていました。 これがオプションであることすら知りませんでしたし、オフにした覚えもありません

Answer 2

あなたは間違った場所を見ています。これらのコンソール メッセージは Web ページには表示されませんが、非表示の背景ページ (ManifestV2) または Service Worker (ManifestV3) に表示されます。

バックグラウンド スクリプト コンテキストの正しいコンソールを表示するには、開発ツールを開きます:

1. chrome://extensions/ にアクセスするか、拡張機能アイコンを右クリックして [拡張機能の管理] を選択します。
2. 開発者モードを有効にする
3. 「バックグラウンド ページ (ManifestV2)」または「Service Worker (ManifestV3)」という名前のリンクをクリックします。

ManifestV2 拡張機能のスクリーンショット:

ManifestV3 拡張機能のスクリーンショット: