表題の通り,ブラウザ上のすべての通信を取得しコンソールに出力しようとしています.
以下のような拡張機能を記述し,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拡張機能の開発は初心者なため,見ているコンソールに問題があるのか,設定に問題があるのか全く分かりません.
解決策わかる方,ご回答いただけないでしょうか?