Microsoft Edge & Chrome浏览器插件开发详细教程

超哥哥哇

已于 2024-08-05 15:05:22 修改

阅读量2.2k

点赞数 10

分类专栏：插件/小程序文章标签： microsoft edge chrome edge浏览器

于 2024-08-05 14:52:57 首次发布

本文链接：https://blog.csdn.net/weixin_42237369/article/details/140926886

版权

浏览器插件（Extensions）为浏览器提供了强大的扩展功能，允许开发者在浏览器中添加自定义功能或改进用户体验。本教程将详细介绍如何开发、运行、调试和部署一个简单的浏览器插件，以Chrome和IE浏览器为例。
一、Chrome插件开发

开发环境准备
文本编辑器：如VS Code、Sublime Text等。
Chrome浏览器：确保你的Chrome浏览器是最新版本。
创建项目文件
首先，创建一个新的文件夹来存放插件的文件。一个基本的Chrome插件通常包括以下几个文件：

manifest.json：插件的元数据文件，包含插件的名称、版本、权限等信息。
background.js（可选）：后台脚本，用于执行插件的核心功能。
popup.html（可选）：插件的用户界面，点击插件图标时显示的页面。
popup.js（可选）：控制popup.html行为的脚本。
3. 编写manifest.json

{  
    "manifest_version": 3,  
    "name": "我的浏览器插件",  
    "version": "1.0",  
    "description": "这是一个示例插件。",  
    "permissions": ["activeTab"],  
    "action": {  
        "default_popup": "popup.html",  
        "default_icon": {