快速入门 - 介绍与部署

本文导航

  1. 介绍
  2. 部署
  3. 其它
  • 作者:KK

  • 发表日期:2016.02.20


介绍

Chrome浏览器插件开发是用JS来进行开发的,所开发出来的插件可以用在其它Chrome内核的浏览器里,比如QQ浏览器,360极速浏览器等等,但是开发测试一般用Chrome浏览器会比较方便,比如你用QQ浏览器的话就找不到插件生成菜单的咯。

插件的后缀名是。crx,安装很简单,打开插件管理界面时,将文件夹上的这个文件往管理界面中空白处拖进去就会提示是否要安装了。


部署

最基本的,新建一个文件夹作为插件项目目录,普通的插件都不需要多少代码和文件,所以全部丢在一个文件夹里都可以的,有必要的时候自己再建立子文件夹,修改相关路径即可。

但是开发完后要打包生成插件时,必须要有签名密钥,如果你们是比较规范化管理的或者中等规模以上的公司想进行开发,我建议一定要保管好签名密钥,并且普通开发人员不能碰这个密钥,要由主管级以上的人员进行保管。


其它

上手插件的开发时你可能会感到这里那里都有一些限制会有点不爽,但站在官方角度你可能就会理解谷歌这样限制其实是有原因的,不详谈这个,但反正你要知道你的JS不是要读什么都能读出来的。

还有,虽然是用JS开发,但有的对象在某些场合下是不允许使用的,而插件的JS操作范围还凌驾于页面之上,可以操作标签页,比如新建一个标签,关闭一个标签,或者重写右键菜单什么的,为了让你操作这些,官方提供了更多的对象给你,比如Chrome.tabs对象操作窗口标签这些,要通过官方的手册去详细了解这些对象的各种API是否能满足你的开发需求,我的教程只是简要地将你引导上这条道路。


个人开发过的插件并不复杂,这里暂时没什么深度知识可谈,但我很看好Chrome插件,有了它我能在工作上方便很多,至少我是有用过它来优化工作的,比如我曾经一家公司有N个项目,每个项目有几个不同的测试账号,可是要记这些账号就好麻烦呀,我每次登陆时都要去笔记里复制帐号密码。

于是我开发了一个Chrome插件,只要打开插件主界面,通过下拉选项选择项目和环境(本地开发,测试,线上)后,会自动显示相关的测试账号名称,我只要再选一下测试账号,然后它就自动给我打开新标签,跳转到指定项目的登陆页面,再自动输入帐号密码提交登陆了。

这个过程会执行得很快(除了页面访问环节受网速影响),所以我一下子就已经在项目里面进行测试了,起码减少了很多麻烦的访问地址,输入,登陆操作,虽然也不是全部浏览器,但是平时主要开发就是用这个浏览器,然后其它都是看兼容性的~~~不管咋的,反正工作效率就提高了。

你认不认可,尝不尝试呢?