Chrome 插件开发全攻略

Chrome 浏览器相信大家都用得比较多,有很多的优点,比如简洁、强大的开发者工具等,但是更让大家映像深刻的是有各种各样有趣、有用的插件,今天要给大家推荐的开源项目是 Chrome 插件开发全攻略,你是不是会好奇,自己给自己开发一个插件有多难?

什么是Chrome插件

严格来讲,我们正在说的东西应该叫 Chrome 扩展(Chrome Extension),真正意义上的 Chrome 插件是更底层的浏览器功能扩展,可能需要对浏览器源码有一定掌握才有能力去开发。鉴于 Chrome 插件的叫法已经习惯,本文也全部采用这种叫法,但读者需深知本文所描述的 Chrome 插件实际上指的是 Chrome 扩展。

Chrome 插件是一个用 Web 技术开发、用来增强浏览器功能的软件,它其实就是一个由 HTML、CSS、JS、图片等资源组成的一个 .crx 后缀的压缩包.

个人猜测crx可能是Chrome Extension如下3个字母的简写:

项目中详细的解释了 Chrome 插件开发的知识点,可以说是非常详尽了。但是小编看一个开源项目一般有一个癖好,喜欢去看项目为什么要这样做?以及这样做会产生什么收益?这个项目在这方面做了解释如下:

学习 Chrome 插件开发有什么意义

增强浏览器功能,轻松实现属于自己的“定制版”浏览器,等等。

Chrome插件提供了很多实用API供我们使用,包括但不限于:

  • 书签控制;
  • 下载控制;
  • 窗口控制;
  • 标签控制;
  • 网络请求控制,各类事件监听;
  • 自定义原生菜单;
  • 完善的通信机制;
  • 等等;

为什么是 Chrome 插件而不是 Firefox 插件

  1. Chrome 占有率更高,更多人用;
  2. 开发更简单;
  3. 应用场景更广泛,Firefox 插件只能运行在 Firefox 上,而 Chrome 除了 Chrome 浏览器之外,还可以运行在所有 webkit 内核的国产浏览器,比如 360 极速浏览器、360 安全浏览器、搜狗浏览器、QQ 浏览器等等;
  4. 除此之外,Firefox 浏览器也对 Chrome 插件的运行提供了一定的支持;

如此全面的攻略,是不是想动手学一学了?

项目地址:https://github.com/sxei/chrome-plugin-demo


更多精彩请扫码关注如下公众号。

Written on January 1, 2020