如何给你的谷歌浏览器添加自制插件

浏览器插件

浏览器中的插件是对浏览器功能的外部扩充,许多浏览器安装后都自带插件,例如下图中的QQ浏览器

 

 

自制谷歌浏览器插件

对于谷歌浏览器,首先我们要先制作一个简易的本地脚本,这是它成为浏览器插件的开始 。

<1>首先,我们先写一个json文件,笔者使用的是Notepad++编辑器,下面的html文件也是出自这个编辑器。

json文件代码如下

如何给你的谷歌浏览器添加自制插件_第1张图片

 

 

<2>一个html文件

如何给你的谷歌浏览器添加自制插件_第2张图片

 

 

<3>一个图标。要和json中对应的图片名称相同。

 

ok,最简单的一个插件就这样做好了。接下来我们给它添加到谷歌上 。

 

 

添加自制插件到chrome

 <1>打开谷歌浏览器——更多工具——扩展程序

如何给你的谷歌浏览器添加自制插件_第3张图片

 

 

<2>接着选择右上角的开发者模式——点击加载已解压的扩展程序...——选择这个插件中json文件的目录下,打开这个文件夹。

如何给你的谷歌浏览器添加自制插件_第4张图片

 

 

<3>选中json文件后会出现一个插件框,同时右上角又会新增一个图标,图标是笑脸是因为上面png图片就是这个笑脸。

如何给你的谷歌浏览器添加自制插件_第5张图片

 

<4>到此已经添加插件成功了!点击这个笑脸,弹出了Hello Extensions,这正是我们在html中编写的代码,当然您也可以在里面加入其他功能。

如何给你的谷歌浏览器添加自制插件_第6张图片

 

 

参考文章

 简书中的如下文章对笔者起到了巨大的帮助作用,非常感谢。

 https://www.jianshu.com/p/51c650f98d9c

 

你可能感兴趣的:(------B/S技术)