存取擴展的background.js的控制台和開發工具

Question

我剛開始使用 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"
  ]
}

背景.js：

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

當我載入擴充功能時，會出現警報，但我沒有看到任何內容記錄到控制台。我做錯了什麼？

Answer 1

我遇到了同樣的問題，在我的例子中，Chrome 開發者工具的控制台標籤中的日誌記錄被設定為「隱藏全部」。 我什至沒有意識到這是一個選項，而且我不記得將其關閉

Answer 2

你看錯地方了。這些控制台訊息不會出現在網頁中，而是出現在不可見的後台頁面（ManifestV2）或 Service Worker（ManifestV3）中。

要查看後台腳本上下文的正確控制台開啟開發工具：

1. 造訪 chrome://extensions/ 或右鍵點擊擴充功能圖示並選擇「管理擴充功能」。
2. 啟用開發者模式
3. 點擊名為後台頁面 (ManifestV2) 或服務工作執行緒 (ManifestV3) 的連結。

ManifestV2 擴充的螢幕截圖：

ManifestV3 擴充的螢幕截圖：