首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

chrome在microsoft edge extension中未定义

在使用Microsoft Edge扩展时,如果你遇到了chrome对象未定义的问题,这通常是因为Edge扩展使用的是自己的API,而不是Chrome的API。尽管Edge和Chrome都基于Chromium,但它们的扩展API有一些差异。

以下是一些解决方法和建议:

1. 使用 browser 对象

Microsoft Edge扩展推荐使用 browser 对象而不是 chrome 对象。browser 对象是WebExtensions API的一部分,它在大多数基于Chromium的浏览器中都可用。

代码语言:javascript
复制
// 使用 browser 对象
browser.runtime.onInstalled.addListener(() => {
  console.log("Extension installed");
});

2. 检查 manifest.json

确保你的 manifest.json 文件中声明了正确的权限和背景脚本。例如:

代码语言:javascript
复制
{
  "manifest_version": 2,
  "name": "My Extension",
  "version": "1.0",
  "permissions": [
    "activeTab",
    "storage"
  ],
  "background": {
    "scripts": ["background.js"],
    "persistent": false
  }
}

3. 使用条件加载

如果你需要在不同的浏览器中使用不同的API,可以使用条件加载来区分它们。

代码语言:javascript
复制
// 条件加载
if (typeof browser !== 'undefined') {
  // 使用 browser API
  browser.runtime.onInstalled.addListener(() => {
    console.log("Extension installed");
  });
} else if (typeof chrome !== 'undefined') {
  // 使用 chrome API
  chrome.runtime.onInstalled.addListener(() => {
    console.log("Extension installed");
  });
}

4. 使用 polyfill

如果你需要使用一些特定的Chrome API,但Edge不支持,你可以考虑使用polyfill来模拟这些API。

代码语言:javascript
复制
// 使用 polyfill
if (typeof browser === 'undefined') {
  window.browser = window.chrome;
}
页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

Edge安装Chrome扩展程序

最终效果图 打开https://www.microsoftedgeinsider.com/en-us/download/ ,下载Edge的CAN版本 (Logo为金色配色), 并完成安装...打开允许Edge从其它商店安装扩展程序的按钮 从Chrome商店安装扩展程序 打开https://zhaoolee.gitbooks.io/chrome/content/ 寻找自己喜欢的扩展程序..., 文章底部获取地址并安装, markdown here具体使用方法和安装链接: https://zhaoolee.gitbooks.io/chrome/content/001-markdownyi-jian-zhuan-huan...-523022-fu-wen-ben-ge-5f0f22.html 小结 Edge可以安装绝大多数Chrome商店的扩展, 但Chrome的谷歌开发App程序, 类似Secure Shell...App, 目前是无法安装的, 新版Edge使用了Chrome的Chromium内核, 可以兼容安装Chrome生态的各种应用程序,为Edge未来的发展带来了无限可能~ 谷粒-

3K40
  • 微软全新浏览器 Microsoft Edge 比 谷歌 Chrome 好用吗?

    微软的IE浏览器是Windows上默认安装的浏览器,大家都用过,还没有Chrome浏览器的时候没觉得它怎么不好用,直到后来谷歌出了Chrome浏览器,嗯,真香。...我的常用浏览器是谷歌 Chrome,下面就来体验下Edge ,看它是否比谷歌好用。...浏览器扩展神器油猴 Chrome 浏览器扩展神器暴力猴 Edge 也有类似Chrome 的扩展商店 https://microsoftedge.microsoft.com/addons/category...账号同步 虽然Chrome很好用,但在国内登录谷歌账号就难住很多人,新版的 Edge 使用微软账户登陆,这样就可以iOS、macOS、Android、Windows 10、8、7等系统上同步所有内容...总之,Edge 体验还是不错的,相比其他国产浏览器也没有乱七八糟的广告,如果你习惯使用 Chrome,可以切换到 Edge 试试。

    3K20

    Chrome DevTools 调试 JavaScript

    函数断点 由浅入深说一说怎么样 Chrome DevTools 调试 JavaScript。 一、案发现场 为了方便理解,我写了一个小demo。...点击打开demo; num1输入6; num2输入9; 点击 num1+num2,按钮下方的标签显示 69,结果应为 15,这就是我们需要断点调试找出的 BUG 。 ?...网址包含字符串模式时 事件侦听器 触发 click 等事件后运行的代码 异常 引发已捕获或未捕获异常的代码行 函数 任何时候调用特定函数时 1....debugger 代码调用 debugger 可在该行暂停。 此操作相当于使用代码行断点,只是此断点是代码设置,而不是 DevTools 界面设置。...debug() 相当于第一行函数设置代码行断点。

    5K20

    Chrome、Firefox、Edge等高版本浏览器实现在线编辑、审阅Office文档新方案

    一、背景 IE、Chrome 45及Firefox 53以下版本的浏览器网页,可直接或间接调用微软免费开源的ActiveX控件DsoFramer即可嵌入本地安装的Office软件实现在线编辑或审阅...所以最好的解决办法还是原来的桌面版Office软件之上,通过技术手段让其可顺畅运行在Chrome、Firefox、Edge、360、Opera、QQ等主流版本浏览器。...而在Chrome 45、Firefox 53以下版本的浏览器,收费的有江西金格iWebOffice智能文档控件NPAPI插件再调用ActiveX控件来请求桌面Office软件的自动化接口。...2015年开始非IE浏览器取消NPAPI插件支持后的技术突围过程,江西金格iWebOffice智能文档控件表现相对突出,其基于Chrome浏览器PPAPI可信插件技术发布的新版可用于兼容44以上版本...三、改进方案 通过上述总结的现有技术方案可以看出,想要在当前主流版本的Chrome、Firefox、Edge等浏览器网页内嵌桌面Office软件实现文档或表格在线编辑等功能,核心就在于如何在各浏览器实现一个统一的不依赖浏览器自身扩展技术的外接系统

    4.6K30

    Chrome与Flash说再见

    三年前,80%的桌面 Chrome 用户每天都会访问一个使用 Flash 的网站。今天使用率仅为 17%并且继续下降。...它们也更安全,因此您可以购物,银行业务或阅读敏感文档时更安全。它们还适用于移动设备和桌面设备,因此您可以随时随地访问自己喜爱的网站。...这些开放式网络技术成为 Chrome 去年年底的默认体验,当时网站开始需要您的许可才能运行 Flash。...Chrome 将在未来几年内继续淘汰 Flash,首先要求您在更多情况下允许运行 Flash,并最终默认情况下禁用 Flash。到 2020 年底,我们将完全从 Chrome 移除 Flash。...如果站点迁移到打开 Web 标准,除了您将不再看到该站点上运行 Flash 的提示之外,您不应该注意到太多差异。

    1K00

    开发一款浏览器插件

    [2] 要在 Chrome 网上应用店添加应用或扩展程序,先压缩文件所在的文件夹。然后, Chrome 网上应用店中进行发布[3]。...或 640x400)都有要求,需要相应调整,可以用这个[4] 详细可参考: 【Chrome 扩展开发】发布 Chrome/Edge 扩展到应用商店[5] 对于Edge浏览器的 发布流程,可参考官方文档...[6] 微软Edge比较好,不用花钱注册...而且文档比谷歌好, 就是Edge的用户量远不及Chrome 参考资料 [1] 这个网站: https://www.flaticon.com/packs/halloween...hl=zh-Hans [3] Chrome 网上应用店中进行发布: https://developer.chrome.com/docs/webstore/publish?...: https://juejin.cn/post/7250853186386378812 [6] 官方文档: https://learn.microsoft.com/zh-cn/microsoft-edge

    11410

    ChromeEdge等最新版浏览器中继续使用Flash Player方案

    起因是其现在车子系统浏览器运行的网页代码依赖Flash Player控件的运行,而其开发商Adobe公司呢,完全没考虑商用业务系统的风险做了一个骚操作,32后的版本中加入了“定时炸弹”,从2021...年1月12日(美国时间)开始禁止Flash内容Flash Player运行,而Flash PlayerWindows 8及以上版本的操作系统中一直是内置自动更新的,从而引发了现在车子系统的故障。...按理说你Adobe公司不再维护Flash Player也就罢了,用户继续使用引发的风险自己承担,也没人会来追究你的责任,非要整这么一个定时炸弹软件,这和植入了木马病毒又有啥差别呢?...所以对最新的国际版通过修改其控件特定位置的字节码从而解除其锁区问题及时间炸弹问题。而想要兼容ChromeEdge等88版及以后更高版浏览器的运行,目前全网上都还没有一个成熟的解决方案。...借助PluginOK中间件,有两种办法可以让Flash Player继续运行在ChromeEdge等最新版浏览器: 1、PluginOK中间件搭配IE控件小程序(https://codechina.csdn.net

    3.9K60

    史诗级更新,VSCODE 可无缝调试浏览器了!

    在此之前,你想要在 vscode 内调试 chrome 或者 edge 需要借助于 Chrome Debugger 或者 the Microsoft Edge Debugger extension 这两款...这是个什么功能 更新之后,我们可以直接在 vscode open link in chrome or edge,并且「直接在 vscode 内完成诸如查看 element,network 等几乎所有的常见调试需要用到的功能...由于是 websocket 建立的双向链接,因此 VSCODE 改变 dom 等触发浏览器的修改也变得容易。...浏览器会根据收到的 JSON 数据进行一些操作,从效果上来看「和用户直接在手动浏览器操作并无二致。」...devtools-protocol Microsoft Edge (Chromium) DevTools Protocol overview 后台回复:typescript,获取我写的 typescript

    1.4K20

    HTML Meta添加X-UA-Compatible和IE=Edgechrome=1有什么作用

    2、使用以下代码强制 IE 使用 Chrome Frame 渲染(需要安装有Google Chrome...通过meta设置X-UA-Compatible的值,可以指定网页的兼容性模式设置。 在网页中指定的模式优先权高于服务器(通过HTTP Header)所指定的模式。...兼容性模式设置优先级: meta tag > http header “IE=Edge,chrome=1″这样简单快捷,但是弊端是代码将无法通过W3C验证。...IE8,IE8兼容性视图会以IE7文档模式来显示网页,同时会向服务器发送IE7的用户代理字符串。...参考资料:Microsoft——文档兼容性 发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn/112508.html原文链接:https://javaforall.cn

    1.5K20

    Chrome、FFswf处理的问题小记

    这个坑最早的时候是08年10月份左右,做网页整蛊交互的时候遇到过。...那时候还没有chrome,所以ff会遇到这个问题,IE下不会。...由于最近很长的时候已经将重心转到flash相关的开发上,所以对于网页遇到的一些问题,我能不过问都不会去仔细看。...--透明,设置后游戏有些模块操作中会受影响),而当处理完操作后,会再将游戏显示出来(block),然后看到游戏重新加载了,IE下没有发现此问题,chrome百分百重现此问题。...出现此问题的原因,以前查过相关资源,好像是说ff和chrome这一类的浏览器,加载和渲染flash的时候使用了延后处理的技术,对flash的支持也没有像IE那样好。

    1.6K30

    推荐!一个简洁高效的运维工具

    IPvFoo简介 Is a Chrome/Firefox/Edge extension that adds an icon to indicate whether the current page was...Display the current page's IP version and addresses 场景 快速查询某PC前端页面调用的接口地址 某些前端页面开发代码时直接引用了境外的js文件,导致用户访问加载不出页面...,此工具也可用于巡检此类潜在异常 安装 支持Chrome、Firefox、Edge浏览器,分别点击如下对应链接即可安装 Chrome:https://chrome.google.com/webstore...ipvfoo/ecanpcehffngcegjmadlcijfolapggal (谷歌浏览器需要访问国外网站) Firefox:https://addons.mozilla.org/addon/ipvfoo/ Edge...:https://microsoftedge.microsoft.com/addons/detail/ipvfoo/dphnkggpaicipkljebciobedeiaiofod 示例 点击箭头所指即可弹出域名及

    9810
    领券