[vue error]Uncaught ReferenceError: browser is not defined at pagehelper.js:1:8219

Qayrup

已于 2024-05-17 20:33:20 修改

阅读量1.1k

点赞数 10

分类专栏： vue错误日志文章标签： javascript vue.js 前端

于 2024-04-15 13:55:42 首次发布

CSDN_Qayrup

本文链接：https://blog.csdn.net/weixin_44368963/article/details/137776497

版权

vue错误日志专栏收录该内容

11 篇文章

订阅专栏

错误详情

在这里插入图片描述

错误信息

pagehelper.js:1
Uncaught ReferenceError: browser is not defined
at pagehelper.js:1:8219
at pagehelper.js:1:11655
at pagehelper.js:1:11659
显示 3 更多框架

错误原因

这是微软边缘 API 错误 “browser is not defined”，在Stack Overflow上找到一个类似的问题：
https://stackoverflow.com/questions/63825136/

错误解决

新版edge不支持browser 转而支持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"));
      });
    }
  });
});