手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

如何转换移植安装Chrome扩展到Win10 Edge浏览器

时间:2024-10-12 07:51:17

我们知道Windows 10周年更新后,win10浏览器支持扩展,并且发布了chrome浏览器插件扩展移植转换到微软edge浏览器的官方工具Microsoft Edge Extension Toolkit,本文以著名chrome扩展小乐图客为例,分享给大家如何将google浏览器扩展转换成edge浏览器扩展,并在本地加载使用。

如何转换移植安装Chrome扩展到Win10 Edge浏览器

工具/原料

Chrome

Microsoft Edge Extension Toolkit

Edge

移植转换Google Chrome插件和扩展到Edge浏览器

1、为了快速移植chrome插件和扩展到微软edge浏览器中,我们需要一个微软官方出品的免费兼容性调试和移植工具:Microsoft Edge Extension Toolkit中文可称之为“微软Edge浏览器扩展工具箱”。首先,我们在Win10操作系统中,搜索微软官方应用商店的工具Microsoft Edge Extension Toolkit,并下载安装。

如何转换移植安装Chrome扩展到Win10 Edge浏览器

2、然后点击启动后,打开左上角的“load extension to convert”注意,该工具也提供微软edge扩展的官方文档入口(点击右侧的document按钮)

如何转换移植安装Chrome扩展到Win10 Edge浏览器

3、然后,浏览选择chrome扩展所在文件夹(如果只有chrome插件的crx离线安装包,将crx文件重命名为zip文件,解压缩到一个文件夹即可)这时,微软Edge浏览器扩展工具箱,会自动列出一些兼容性方面的错误信息提示。

如何转换移植安装Chrome扩展到Win10 Edge浏览器

4、该工具会自动在当前扩展文件夹中,新建若干Edge浏览器扩展必备文件。

如何转换移植安装Chrome扩展到Win10 Edge浏览器

5、同时,在manifest.门钙蹲茌json文件中,还会增加一些新的对Edge浏览器才有用的键值。例如: "permissions": [ "tabs", "<all_urls>", "unlimitedStorage", "contextMenus", "notifications", "pageCapture", "tabCapture", "desktopCapture", "downloads", "downloads.open", "downloads.shelf" ], "-ms-preload": { "backgroundScript": "backgroundScriptsAPIBridge.js", "contentScript": "contentScriptsAPIBridge.js" }

如何转换移植安装Chrome扩展到Win10 Edge浏览器

6、值得注意的是,edge扩展的manifest声明文件中,必须有author键值(chrome里是没有的),例剧安颌儿如: "author": "zzllrr"另外,default_icon中,必须指明图片尺寸,这一点与chrome也不同。例如: "default_icon": { "20": "img/ZIGVIP.png", "40": "img/ZIGVIP.png" },另外,报错信息中,有appxManifest.xml Replace INSERT-YOUR-PACKAGE-PROPERTIES-PUBLISHERDISPLAYNAME-HERE with the correct namesappxManifest.xml Replace INSERT-YOUR-PACKAGE-IDENTITY-PUBLISHER-HERE with the correct namesappxManifest.xml Replace INSERT-YOUR-PACKAGE-IDENTITY-NAME-HERE with the correct names事实上,打开appxManifest.xml文件,并作相应修改后,重新使用这个工具箱,检查兼容性问题,问题依旧(该工具箱会自动把这个文件替换为初始默认状态,严重怀疑是微软的bug)不过这个问题,在后面的本地加载扩展时,并没有实质障碍,不影响扩展在edge浏览器中正常使用。

如何转换移植安装Chrome扩展到Win10 Edge浏览器

Edge浏览器加载本地扩展

1、Chrome浏览器扩展和插件,在本地完成彭榧逡钚修改和转换后,就可以在Edge浏览器中加载测试和使用了。不过,Edge浏览器进入开发者袷蜍滇刷模式,不像Chrome浏览器那么简单(只需要勾选开发者模式)。具体方法步骤:Edge浏览器,输入网址:about:flags进入高级设置页面,在开发者设置中,勾选:启用开发人员扩展功能(这可能让设备处于危险之中)

如何转换移植安装Chrome扩展到Win10 Edge浏览器

2、然后底部出现需要重启Edge浏览器的提示,按要求重启即可。

如何转换移植安装Chrome扩展到Win10 Edge浏览器

3、重启Edge后,打开右上角选项,点击“扩展”

如何转换移植安装Chrome扩展到Win10 Edge浏览器

4、点击“加载扩展”

如何转换移植安装Chrome扩展到Win10 Edge浏览器

5、浏览选择扩展所在文件夹,即可加载成功。这时检查扩展图标有无自动在地址栏右侧显示。

如何转换移植安装Chrome扩展到Win10 Edge浏览器

6、如果没有显示扩展插件图标,可以将鼠标放在扩展列表上,点击扩展相应的设置按钮,进入设置页,开启“在地址栏旁边显示按钮”即可

如何转换移植安装Chrome扩展到Win10 Edge浏览器

7、点击扩展图标,即可出现久违的扩展泡泡框了。注意,由于各大浏览器对HTML5和CSS3渲染略有差异,同一个扩展和插件在不同浏览器中的外观或功能表现会有一些差异。这也是Edge浏览器将来需要尽快解决的问题。

如何转换移植安装Chrome扩展到Win10 Edge浏览器
© 手抄报圈