Edge 插件开发简单示例

Edge浏览器支持载入自己开发的插件，最近需要一个获取当前网页二维码的功能，找了一下如何开发一个简单的Edge插件，记录一下。

文件结构

manifest.json

配置文件，可以填入一些插件信息。
permissions 中声明需要调用的权限，此处的 tabs 表明需要获取标签信息
default_popup 中声明调用的 html 文件，插件功能在这个文件中实现。

popup.html

<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv="X-UA-Compatible" content="ie=edge"><title>Document</title>
</head><body><script type="text/javascript" src="js/jquery.min.js"></script><script type="text/javascript" src="js/qrcode.js"></script><div id="qrcode"></div><script src="js/GetQRCode.js"></script>
</body></html>

点击插件按钮显示的页面文件。
这个地方我用了 qrcodejs，下载见git地址：qrcodejs
主要功能在 GetQRCode.js 文件中实现，我一开始试着直接写在html文件中发现始终没成功，还是写在js文件里实现了。

GetQRCode.js

browser.tabs.query({ active: true, currentWindow: true }, function (tabs) {browser.tabs.get(tabs[0].id, function (tab) {new QRCode(document.getElementById("qrcode"), tab.url);});root.style.display = "block";
});

js 我不大了解，这个地方主要是调用 js api 获取当前标签页的网址，通过QRCode方法得到生成的二维码。

安装插件

安装自己开发的插件需要先更改下开发者设计。
浏览器输入 about:config，勾选启用开发者拓展功能，重启浏览器。

点击右上角三个点，点击“拓展”，拉到最下面点击“加载拓展”，选择文件夹。
现在拓展就加载到我们的浏览器上了。

打开效果

转载于:https://www.cnblogs.com/shandianmao110/p/9549056.html

Edge 插件开发简单示例相关推荐

javascript worker 多线程简单示例
javascript worker 多线程简单示例项目结构主线程 index.html <!DOCTYPE html> <html lang="en"> ...
python文本处理实例_Python 文件处理的简单示例
这篇文章主要为大家详细介绍了Python 文件处理的简单示例,具有一定的参考价值,可以用来参考一下. 对python这个高级语言感兴趣的小伙伴,下面一起跟随512笔记的小编两巴掌来看看吧! 相关的AP ...
python获取mac、计算机id_python 获取本机IP、mac地址、计算机名的简单示例
这篇文章主要为大家详细介绍了python 获取本机IP.mac地址.计算机名的简单示例,具有一定的参考价值,可以用来参考一下. 对python获取本机IP.mac地址.计算机名感兴趣的小伙伴,下面一起 ...
python简单单元测试示范卷_Python 单元测试的简单示例
这篇文章主要为大家详细介绍了Python 单元测试的简单示例,具有一定的参考价值,可以用来参考一下. 对python这个高级语言感兴趣的小伙伴,下面一起跟随512笔记的小编两巴掌来看看吧! 以前我是不 ...
python二分法求解_Python使用二分法求平方根的简单示例
这篇文章主要为大家详细介绍了Python使用二分法求平方根的简单示例,具有一定的参考价值,可以用来参考一下. 对python这个高级语言感兴趣的小伙伴,下面一起跟随512笔记的小编两巴掌来看看吧! 使 ...
Unity 简单示例代码和向导/Unity Aplication Block
Unity 简单示例代码和向导关于Unity 的说明和下载地址,请访问[微软控制反转和依赖注入容器Unity 1.0发布] http://forum.entlib.com/Default.aspx? ...
php定时刷新token,PHP 定时任务获取微信access_token的简单示例
搜索热词感兴趣PHP 定时任务获取微信access_token的简单示例的小伙伴,下面一起跟随编程之家 jb51.cc的小编来看看吧. 最近开发微信公众平台,公众号调用各接口时都需使用access_ ...
python 搭建的http 动态服务器_Python 创建HTTP服务器的简单示例
这篇文章主要为大家详细介绍了Python 创建HTTP服务器的简单示例,具有一定的参考价值,可以用来参考一下. 对python这个高级语言感兴趣的小伙伴,下面一起跟随512笔记的小编两巴掌来看看吧! ...
python简单装饰器_python装饰器的简单示例
这篇文章主要为大家详细介绍了python装饰器的简单示例,具有一定的参考价值,可以用来参考一下. 对python这个高级语言感兴趣的小伙伴,下面一起跟随512笔记的小编两巴掌来看看吧! 装饰器的语法以 ...

Edge 插件开发简单示例

Edge浏览器支持载入自己开发的插件，最近需要一个获取当前网页二维码的功能，找了一下如何开发一个简单的Edge插件，记录一下。

文件结构

manifest.json

popup.html

GetQRCode.js

安装插件

打开效果

Edge 插件开发简单示例相关推荐

最新文章

热门文章

Edge 插件开发 简单示例

Edge浏览器支持载入自己开发的插件，最近需要一个获取当前网页二维码的功能，找了一下如何开发一个简单的Edge插件，记录一下。

文件结构

manifest.json

popup.html

GetQRCode.js

安装插件

打开效果

Edge 插件开发 简单示例相关推荐

最新文章

热门文章

Edge 插件开发简单示例

Edge 插件开发简单示例相关推荐