0

表題の通り,ブラウザ上のすべての通信を取得しコンソールに出力しようとしています.
以下のような拡張機能を記述し,Chromeにインストールしたのですが,適当なページにアクセスしてもコンソールには何も表示されません.

manifest.json

{
    "name": "Getting Started Example",
    "description": "Build an Extension!",
    "version": "1.0",
    "manifest_version": 3,
    "permissions": [
        "webRequest"
    ],
    "host_permissions": [
        "http://*/"
    ],
    "background": {
        "service_worker": "background.js"
    }
}

background.js

chrome.webRequest.onBeforeRequest.addListener(
  (details) => {
    console.log(`request url is ${details}`);
  },
  {
      urls: [
          "<all_urls>"
      ]
  },
  []
);

コンソール画面はchrome://extensions/ビューを検証から開いています.
開いているコンソールの場所
コンソールにはエラーなども何も表示されていません.

Chrome拡張機能の開発は初心者なため,見ているコンソールに問題があるのか,設定に問題があるのか全く分かりません.
解決策わかる方,ご回答いただけないでしょうか?

4

1 件の回答 1

2

解決できました.

使用していたmanifest_version: 3ではchrome.webRequest.onBeforeRequest.addListenerでURLを取得することはできないため,manifest.jsonmanifest_versionを2に下げる必要があるようです.

{
    "name": "Getting Started Example",
    "description": "Build an Extension!",
    "version": "1.0",
    "manifest_version": 2,
    "permissions": [
        "<all_urls>",
        "webRequest"
    ],
    "background": {
        "service_worker": "background.js"
    }
}  

ただし,manifest_version: 2が使用できるのは2023年までです.

この質問に回答するには、ログインする必要があります。

求めていた回答ではありませんか? のタグが付いた他の質問を参照する。