MS 边缘 API 错误"browser is not defined"

Question

我正在尝试为新的Microsoft Edge浏览器构建一个扩展。在加载解压缩的扩展后，我得到了这个错误，

未捕获引用错误：浏览器未定义

我读过微软边缘文档，所有扩展API都在browser命名空间下。

我已在manifest.json文件中包含存储权限。这是我来自manifest.json文件的代码，

{
"manifest_version": 2,
"name": "Demo",
"author": "Plaban Kumar Mondal",
"description": "Demo",
"version": "1.0.0",
"icons": {
"128": "icon128.png",
"48": "icon48.png",
"16": "icon16.png"
},
"browser_action": {
"default_icon": {
"48": "icon48.png",
"16": "icon16.png"
},
"default_popup": "popup.html"
},
"options_page": "options/options.html",
"permissions": ["activeTab", "storage"]
}

这是我使用browser名称空间的javascript文件

const checkboxes = document.querySelectorAll("input[type='checkbox']");
checkboxes.forEach((checkbox) => {
return checkbox.addEventListener("change", () => {
if (checkbox.changed) {
browser.storage.local.set({ [checkbox.name]: true }, () => {
browser.storage.onChanged.addListener(() => console.log("true"));
});
} else {
browser.storage.local.set({ [checkbox.name]: false }, () => {
browser.storage.onChanged.addListener(() => console.log("changed to false"));
});
}
});
});

我的代码有什么问题？

Answer 1

请尝试使用chrome-对于铬基边缘，浏览器将支持以下代码-请参阅https://learn.microsoft.com/en-us/microsoft-edge/extensions-chromium

const checkboxes = document.querySelectorAll("input[type='checkbox']");
checkboxes.forEach((checkbox) => {
return checkbox.addEventListener("change", () => {
if (checkbox.changed) {
chrome.storage.local.set({ [checkbox.name]: true }, () => {
chrome.storage.onChanged.addListener(() => console.log("true"));
});
} else {
chrome.storage.local.set({ [checkbox.name]: false }, () => {
chrome.storage.onChanged.addListener(() => console.log("changed to false"));
});
}
});
});