我正在尝试为新的Microsoft Edge浏览器构建扩展。加载解压后的扩展程序后,出现此错误,
未捕获的ReferenceError:未定义浏览器
我已经阅读了所有边缘API位于browser
名称空间下的Microsoft Edge文档。
我的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"));
});
}
});
});
我的代码有什么问题?
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"));
});
}
});
});
For chromium-based edge, the browser will support the above code.
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句