Edge浏览器扩展开发入门

一、简介

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浏览器加载插件

Edge浏览器扩展开发入门相关推荐

edge浏览器扩展插件中心10月发布可直接安装Chrome扩展
edge浏览器扩展插件中心10月发布可直接安装Chrome扩展 Windows 10的全新浏览器Edge收获了不少好评,我们也知道它将在今年秋天迎来扩展程序的支持. Mashable已经指出,微软将 ...
edge linux 下载软件,微软Edge浏览器Linux开发版
本期小编给大家推荐一款大众喜爱的加载程序,名字叫<微软Edge浏览器Linux开发版>.是一款微软正式宣布推出Linux的Microsoft Edge版本.Microsoft Edge f ...
【原创】PHP扩展开发入门
PHP扩展开发入门作者:wf (360电商技术组) 在我们编写自己的第一个php扩展之前,先了解一下php的整体架构和运行机制. php的架构如图1所示.其中一个重要的就是SAPI(服务器端应用编程 ...
常见浏览器扩展开发笔记(chrome firefox 360 baidu qq sougou liebao uc opera)
浏览器扩展开发貌似时下很冷门啊,但是不少企业还是有类似的应用,360的抢票插件啊,笔者最近在做的网页翻译扩展之类的.笔者在开发的过程中,遇到了不少坑,说是坑,说白了就是各个厂商支持的API不统一导致的 ...
浏览器扩展开发系列教程（一）
以谷歌内核的浏览器扩展,包括 edge chrome ,还有我们常用的国产浏览器都能使用浏览器扩展是一种软件,以增强Chrome内核浏览器的功能.浏览器扩展使用HTML.JavaScript.CSS ...
Chrome浏览器扩展开发系列之一：初识Google Chrome扩展
1. Google Chrome扩展简介 Google Chrome扩展是一种软件,以增强Chrome浏览器的功能. Google Chrome扩展使用HTML.JavaScript.CS ...
Firefox（火狐）浏览器扩展开发初探
最近开发一个FF的扩展,自动完成公司的订餐操作,主要完成的功能很简单:登陆网站,执行一个特定操作,并在ff的状态栏内显示执行的成功或者失败的状态.以前没有写过FF扩展,需要从头学习,在完成这个扩展过程 ...
Chrome浏览器扩展开发之自动化操作页面
Chrome浏览器支持扩展(Extension)开发,来定制扩展现有的功能,如:自动登录,定时刷新,抢票等功能,本文以一个简单的小例子,简述Google Chrome 扩展开发的基本步骤,仅供学习分享 ...
Chrome浏览器扩展开发系列之五：Page Action类型的Chrome浏览器扩展
Page Action类型的Google Chrome浏览器扩展程序,通常也会有一个图标,但这个图标位于Chrome浏览器的地址栏内右端.而且这个图标并非始终出现,而是当某指定的页面打开时才会出现.也 ...

Edge浏览器扩展开发入门

一、简介

二、开发入门

示例插件

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

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

3、Edge浏览器加载插件

Edge浏览器扩展开发入门相关推荐

最新文章

热门文章