当前位置：网站首页 > 技术文章 > 正文

Edge浏览器扩展开发入门 edge浏览器扩展程序在哪里

zhezhongyun 2024-12-22 21:55 58 浏览

一、简介

Microsoft Edge 扩展是开发人员用来添加或修改 Microsoft Edge 功能以改进用户的浏览体验的小型应用，扩展提供对目标受众很重要的利基体验或功能。

二、开发入门

一个基本的Edge扩展应该包含以下几个组成部分:

包含基本平台信息的应用程序清单 JSON 文件（Manifest）。
定义该函数的 JavaScript 文件。
定义用户界面的 HTML 和 CSS 文件。

示例插件

1、新建 manifest.json 官方规定的应用程序清单文件

该清单文件是扩展的蓝图文件，它包括扩展的版本号、扩展的标题以及运行扩展所需的权限等信息。

 {
     "manifest_version": 3,
     "name": "Edge浏览器插件开发入门",
     "version": "0.5",
     "description": "Edge浏览器插件开发入门。",
     "icons": {
         "16": "icons/colors16.png",
         "32": "icons/colors32.png",
         "48": "icons/colors48.png",
         "64": "icons/colors64.png",
         "128": "icons/colors128.png"
     },
     "action": {
         "default_popup": "html/colors.html"
     }
 }
 
 // manifest_version 清单文件版本为固定的3，老版本为2
 // name 插件名称
 // version 插件版本
 // description 插件描述信息
 // icons 浏览器会自动调整选择合适大小的图标
 // action.default_popup 启动扩展时加载的文件
 
 // 更多配置请查看微软官方文档

2、colors.html动扩展时加载的文件

 <html lang="zh">
     <head>
         <meta charset="UTF-8" />
         <title>Edge浏览器插件开发入门。</title>
     </head>
 
     <body>
         <img src="../icons/colors128.png" />
     </body>
 </html>

3、Edge浏览器加载插件

HTML 拓展阅读

上一篇：前端必学 40个精选案例实战一课吃透HTML5+CSS3+JS(超清完结)
下一篇：(一)熟练HTML5+CSS3，每天复习一遍

Edge浏览器扩展开发入门 edge浏览器扩展程序在哪里

一、简介

二、开发入门

示例插件

1、新建 manifest.json 官方规定的应用程序清单文件

2、colors.html动扩展时加载的文件

3、Edge浏览器加载插件

相关推荐

b端详情页:各种信息聚集地，设计师要如何规划这一亩三分地呢

接口测试遇到500报错?别慌，你的头部可能有点问题

漏洞系列一一看我一招征服漏洞 SSRF

Web前端需要学什么?Web前端开发需要学习哪些?

前端Flex布局可视化布局工具介绍，vue和html5快速设计利器

「资讯」为强迫用户使用Edge浏览器，微软又出新招数

HTML 简介（html简介及优缺点）

HBuilderX，uni-app创建HTML5项目，同时支持浏览器和移动端

关于HTML5被简称做H5，你怎么看?（html5缩写）

现在页面实时聊天都使用Websocket技术实现吗?