如何从零开始写一个 Chrome 扩展?

今年计算机系大一,想除了课本以外多学一些实践方面的技巧,基础几乎为零。如果以一个 Chrome 插件为目标的话,需要掌握哪些语言,或者技术。 希望各位大牛推荐一些可以与其他 Chrome 插件开发者交流的平台,一些书籍网站,以及一切用得到的资料。
关注者
3845
被浏览
192797

35 个回答

360把Chrome的开发文档翻译了这种事我会乱说吗?open.chrome.360.cn/html
  1. 首先要先明确做一个干什么用的扩展,最好是能解决实际问题的,不然没动力。
  2. 然后就开始看360的那个开发文档。我就当你已经会JS(以及HTML和CSS)了,什么?还不会?那就先从头学起,相信对于计算机专业的同学来说毫无压力,建议可以先做几个网页上的JS应用(其实扩展就是个后台运行的网页而已)。
  3. 360那个文档应该一天就看完了,然后就可以搞一个简单的了。之后就是调试改善,如果可以解决实际问题那就分享给同学,这对于动力的提升很有帮助。
  4. 当然,360那个文档不全的,官方文档也要看。
  5. 有时间可以研究一下现成的扩展的代码。
直接看谷歌的官方文档,写的非常赞。
一开始有一个例子 developer.chrome.com/ex,他帮你都写好了,你按着他说的,把一个个文件都搞下来,就能弄出一个extension,然后他会指引你了解一下chrome extension的架构,搞清楚各个文件的功能 developer.chrome.com/ex。我觉得这部分看了不一定能知道怎么做,但是了解一下还是很有帮助的,当你遇到一个需求的时候,你至少大概能知道要用哪种类型的技术,比如说应该用content.js还是event.js之类的,他讲的很清楚。
从上面提到的两个文档,根据他的提示,把一些该看的都看了,一些暂时用不上的功能,我觉得可以先不看,还是以任务驱动吧,想想自己想做什么,然后实践出一个demo来,干看的话可能记不住,也理解不深。
他还提供了好多例子,developer.chrome.com/ex,各种功能都有,下载下来看看人怎么写的就好,当然主要是看配置文件,一些权限管理什么的。API的使用文档里说的很清楚也有例子,实在不行就网上搜就好了,用一回就明白了。
实际开发中遇到困难,求助stackoverflow就好了,各种答案。
说到底,除了要借助一点点的chrome API以外,其余的就是普通的js html 和 css,没什么东西,很容易学。
边看文档边实践边Google就能做出东西了,先把东西做出来,然后再把东西优化做精。
我也是最近才开始学的,某课程大作业需要用,做了一个模仿evernote剪藏的插件,关于chrome extension的经验还有待整理,等整理完了再来补充下答案~
祝你好运!
为什么?