试图制作一个etsychrome扩展.我有一个console.log()，但它没有显示在扩展的控制台中

Question

我正在尝试制作一个etsychrome扩展。我有一个console.log((，但它没有显示在扩展的控制台中。我正在尝试console.log下面的urlParameters。当我打开我制作的chrome扩展的控制台时，它显示了一个空白控制台。我不确定这个问题是否与主机权限有关。我没有etsy api。以下是我的文件：

background.js文件：

chrome.tabs.onUpdated.addListener((tabId, tab) => {
if (tab.url && tab.url.includes("etsy.com/listing")) {
const queryParameters = tab.url.split("/")[4];
const urlParameters = new URLSearchParams(queryParameters);
console.log(urlParameters);
chrome.tabs.sendMessage(tabId, {
type: "NEW",
videoId: window.location.href.split("/")[4],
});
}

})；

contentScript.js:

(() => {
let current_id = "";
chrome.runtime.onMessage.addListener((obj, sender, response) => {
const {type, value, videoId} = obj;
if(type === "NEW") {
current_id = videoId;
newIdLoaded();
}
});

})((；

manifest.json

{
"name": "EZ Profit",
"version": "0.1.0",
"description": "Book keeping on ETSY",
"permissions": ["storage", "tabs"],
"host_permissions": ["https://*.etsy.com/*"],
"background": {
"service_worker": "background.js"
},
"content_scripts": [
{
"matches": ["https://*.etsy.com/*"],
"js": ["contentScript.js"]
}
],
"action": {
"default_icon": {
"16": "assets/ext-icon.png",
"24": "assets/ext-icon.png",
"32": "assets/ext-icon.png"
},
"default_title": "EZ Profits",
"default_popup": "popup.html"
},
"manifest_version": 3

}

Answer 1

问题是哪个控制台？

• 如果您的内容脚本中有日志，则日志将转到注入页面的开发控制台。

• 如果您的后台脚本中有日志，它们会转到服务工作者控制台，您可以从中的扩展页面打开该控制台chrome://extensions

• 如果您有一个弹出页面，日志将转到服务工作者控制台。