(Edge,Chrome)编写扩展应用,替代IE ActiveX插件

摘要:
资料来源这次以Edge作为例子,Chrome其实也差不多Edge扩展应用资料:https://docs.microsoft.com/zh-cn/microsoft-edge/extensions-chromium用到的浏览器Api资料:https://developer.mozilla.org/zh-CN/docs/Mozilla/Add-ons/WebExtensions/API/runtime

资料来源

这次以Edge作为例子,Chrome其实也差不多
Edge扩展应用资料:https://docs.microsoft.com/zh-cn/microsoft-edge/extensions-chromium
用到的浏览器Api资料:
https://developer.mozilla.org/zh-CN/docs/Mozilla/Add-ons/WebExtensions/API/runtime/sendMessage
https://developer.mozilla.org/zh-CN/docs/Mozilla/Add-ons/WebExtensions/API/runtime/sendNativeMessage

扩展应用的文件结构

(Edge,Chrome)编写扩展应用,替代IE ActiveX插件第1张

扩展应用也有一个前后之分,类似于前后端一样

background目录:用于存放后台js,从浏览器打开加载插件后,一直保持单例运行
content-scripts目录:用于存放前台js,浏览器每个选项卡都是单独加载
lib目录:放一些库,如常用的jquery、bootstrap之类的
minfest.json:扩展应用的配置文件,也是核心

完整结构的资料:https://developer.mozilla.org/zh-CN/docs/Mozilla/Add-ons/WebExtensions/manifest.json
我们只挑需要用到的

{
    "name": "test",
    "version": "1.0.0",
    "manifest_version": 2,
    "description": "test",
    "content_scripts": [{
        "matches": ["<all_urls>"],
        "js": ["content-scripts/content.js", "lib/jquery-3.6.0.min.js"],
        "all_frames": true
    }],
    "background": {
        "scripts": ["background/background.js"]
    },
    "permissions": [
        "nativeMessaging",
        "contextMenus",
        "tabs",
        "*://*/*"
    ]
}

免责声明:文章转载自《(Edge,Chrome)编写扩展应用,替代IE ActiveX插件》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇VC++ 中使用内存映射文件处理大文件ROS_Kinetic_23 ROS流行版本和相关书籍汇总下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

WebBrowser控件使用详解[转]

http://shenymce.blog.51cto.com/337979/243222 方法 说明  GoBack  相当于IE的“后退”按钮,使你在当前历史列表中后退一项   GoForward  相当于IE的“前进”按钮,使你在当前历史列表中前进一项   GoHome  相当于IE的“主页”按钮,连接用户默认的主页   GoSearch  相当于IE...

VSCode——自定义VSCode背景图片

本文转载自https://blog.csdn.net/yukinoai/article/details/845649491.以管理员身份运行VS Code,安装background插件2.打开setting,在搜索框中输入background,选择扩展中的plugin background,选择在setting.json中编辑3.在用户设置中输入以下代码,...

学习CSS之用CSS绘制一些基本图形

一、三角形 如下图,通过设置 border 的大小和颜色可以形成四个三角形: 上图对应的代码为: /*三角形*/ .triangle{ 0; height:0; border-top:100pxsolidgreen; border-right:100pxsolidred; border-bottom:100pxsolidblue; border-lef...

Android—简单的仿QQ聊天界面

最近仿照QQ聊天做了一个类似界面,先看下界面组成(画面不太美凑合凑合呗,,,,):     其中聊天背景可以是一个LinearLayout或者RelativeLayout里面存放的是ListView(将ListView的分割线设置成透明:android:divider="#0000"否则聊天界面会显示出分割线,,,想想都屌,,,)    于是,我要上主界...

HostOnly Cookie和HttpOnly Cookie

怎么使用Cookie? 通常我们有两种方式给浏览器设置或获取Cookie,分别是HTTP Response Headers中的Set-Cookie Header和HTTP Request Headers中的Cookie Header,以及通过JavaScript对document.cookie进行赋值或取值。 rfc6265第5.2节定义的Set-Cook...

网页HTML代码大全

1.结构性定义 文件类型 <HTML></HTML> (放在档案的开头与结尾) 文件主题 <TITLE></TITLE> (必须放在「文头」区块内) 文头 <HEAD></HEAD> (描述性资料,像是「主题」) 文体 <BODY></BODY> (文件本体)...