浏览器插件

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

自制谷歌浏览器插件

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

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

json文件代码如下

<2>一个html文件

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

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

添加自制插件到chrome

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

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

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

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

参考文章

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

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

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

  1. 谷歌浏览器添加.crx插件

    1.美图 1.下载.crx格式的插件 常用插件网址: http://www.cnplugins.com/ http://chromecj.com/ 2.更改文件后缀名为zip 3.解压zip文件 ⚠️ ...

  2. 谷歌浏览器添加JSON-Handle插件

    1.访问http://jsonhandle.sinaapp.com/下载 2.谷歌访问   chrome://extensions/ 然后找到你下载的JSON-handle_0.5.2.crx文件,直 ...

  3. 谷歌浏览器添加插件时显示程序包无效:CRX_HEADER_INVALID 解决办法

    在添加谷歌插件的时候,发现谷歌浏览器显示 程序包无效:"CRX_HEADER_INVALID" 解决方法如下: 下图是下载好的 .crx 结尾的插件. 将插件的后缀名改为.rar  ...

  4. 谷歌浏览器添加插件时显示程序包无效:CRX_HEADER_INVALID 解决办法

    今天在添加谷歌插件的时候,却发现谷歌浏览器显示 程序包无效:"CRX_HEADER_INVALID",现整理解决方法如下: 下图是下载好的 .crx 结尾的插件. 将插件的后缀名改 ...

  5. 谷歌浏览器无法安装扩展程序 – chrome无法添加crx插件的解决方法(亲测,绝对可行)

    谷歌浏览器无法安装扩展程序 – chrome无法添加crx插件的解决方法--亲测绝对有效) 浏览器安装扩展程序一般都是在商店里添加的,无论哪种扩展程序,在商店里添加既能保证是最新版又能保证程序的纯净. ...

  6. Ubuntu 15 安装Chromium浏览器并添加Flash插件Pepper Flash Player

    Chromium谷歌的开源浏览器将不再支持Netscape浏览器插件API,Adobe公司的Flash将无法正常工作了.然而用户可以使用Pepper Flash Player,这是谷歌浏览器上一款替代 ...

  7. Y件DOOK: VSC 安装 谷歌浏览器调试 固件插件 Debugger for Chorme

    YDOOK: VSC 安装 谷歌浏览器调试固件插件 Debugger for Chorme 1. 打开 VDC 2. 在插件库中输入: chrome 3. 点击选择安装 第一个:Debugger fo ...

  8. 解决谷歌浏览器:Flash插件初始化失败,请更新您的FlashPlayer版本之后重试!

    解决谷歌浏览器:Flash插件初始化失败,请更新您的FlashPlayer版本之后重试! chrome浏览器使用百度编辑器给网站上传图片时,提示"flash插件初始化失败,请更新您的flas ...

  9. via浏览器如何使用插件 Via浏览器添加使用插件教程

    1.尽管Via浏览器的体积小巧,但其中提供的功能可谓是五脏俱全,而想要体验更多服务的话,就需要去安装插件了,这需要大家点击右上角的横杠选项,并且从列表里选择"设置"功能. via浏 ...

  10. chrome自制插件--动易网站后台一键登录v1.4

    动易网站后台一键登录v1.4 一.介绍 二.功能 三.安装 四.使用 五.GitHub源码 一.介绍 上篇<chrome自制插件–简单一键登录(附插件开发介绍)>我介绍了chrome插件开 ...

最新文章

  1. RxJava2.x 萌新之路 操作符篇
  2. WLST - Presentation Transcript
  3. easyui dialog 中嵌入html页面
  4. excel重复上一步快捷键_最全的Excel快捷键合集!
  5. 配置Eclipse中的Maven环境
  6. java中执行js代码
  7. nginx全局内存缓存
  8. python列透视_python – 在pandas数据帧中透视列和列值
  9. Ojbect-C     NSArray和NSMutableArray数组的使用   有关API查询
  10. 局域网中搜计算机无法访问,怎么找不到共享电脑,手把手教你局域网中共享电脑找不到怎么办...
  11. MySQL crash-safe replication
  12. 在双屏软件中,PPT自定义动画注意事项
  13. 徐州有初中计算机编程,徐州初中分布大全(学校+地址+联系方式)
  14. VMware Tools安装教程
  15. 论文笔记-LIO-SAM: Tightly-coupled Lidar Inertial Odometry via Smoothing and Mapping
  16. 51单片机 程序 红外发射 红外接收 红外双机通信 红外遥控器 控制 灯 系统 proteus 仿真
  17. 手机连接电脑linux系统怎么样,电脑(Linux/Windows)使用SSH远程登录安卓(Android)手机实现无线传输和管理文件(图文详解)...
  18. 从致敬KAWS系列盲盒大火,看“NFT+盲盒”玩法的想象空间
  19. 使用UltraISO(软碟通)制作U盘启动盘并安装系统
  20. 干货!让人一见钟情的网站header设计攻略

热门文章

  1. ldap统一用户认证php,Docker搭建OpenLDAP+phpLDAPadmin统一用户认证的方法
  2. Diygw拖拽自动生成App
  3. ADXL362 初次使用总结(使用stm32 HAL 库)
  4. 物联网产品中选择服务器的重要性
  5. 石化行业应急指挥系统
  6. 如何用excel计算断色断码_各位小姐姐、小哥哥都是怎么用Excel计算断码率的指标?...
  7. PFC编程基础(学习实战)
  8. Hi3798 PWM输出控制背光
  9. C# 写XML格式的字符串 (是否保存到硬盘)
  10. Python图像增强之直方图均衡化(全局直方图均衡、局部直方图均衡)