(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/sendMessage
https://developer.mozilla.org/zh-CN/docs/Mozilla/Add-ons/WebExtensions/API/runtime/sendNativeMessage

扩展应用的文件结构

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

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",
        "*://*/*"
    ]
}


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM