如何成为一名Chrome应用开发者

Chrome网上应用店有丰富的应用和插件，这些工具极大的提升了咱们的生产效率。不过本文不是给你们推荐那些精品插件名单，而是教你如何做为一名开发者，为Chrome贡献本身的插件。

准备工做

万里长城第零步，首先你得先翻墙

推荐用收费的VPN，以便于后续的一系列工做。不要把精力都花在了弄免费的翻墙工具上，毕竟收费的也不贵。

万里长城第一步，没必要去办VISA卡

要想在Chrome网上应用店（下文简称webstore）发布应用，须要在webstore的开发者信息中心注册一下，填信息的时候你会发现没有中国大陆地区，因此Google在暗示天朝人民要用假的地址注册，因而我机智的选择了宝岛台湾。

而后Google还要你提供一个VISA/MasterCard帐号，用来缴纳5美圆注册费。我差点就真去办VISA卡了，后来网上一查，国内的VISA卡可能会认证失败，去淘宝上买虚拟卡又不放心，奋战一小时后我发现一个神奇的网站：全球付.

这网站专门用来搞全球购物的，冲100块钱，自动给你生成MasterCard帐号，而后你就能够拿这个卡号信息去注册webstore开发者了，分分钟验证经过，并无网友说的那么麻烦。

至于剩下的钱，你能够买点儿别的，或者转到其余银行卡里,机智如我。

应用开发

基础入门

webstore有四种程序类别：应用、游戏、扩展程序、主题背景。

放心，都是用JS来写的，对于前端来讲只有一星门槛。本文不会讲具体基础开发知识，由于这里已经有很是好的教学资料了：

• Chrome 扩展及应用开发.来自图灵社区的免费电子书，适合入门。
• Chrome扩展开发文档.来自360极速浏览器翻译的官方文档。
• Chrome 插件开发官方文档(英文).前两个适合入门，实际开发的时候仍是推荐官方的，查API啥的都很方便。

经验之谈

webstore开发本人其实也是新手，但些许经验应该能帮助到其余人：

1.如何优雅的调试

右键Chrome工具栏的小图标会弹出一个窗口，选择审查弹出内容便可调试。
可是这种方法极度低效，直接chrome://extensions/找到你插件的ID：

而后浏览器访问：

chrome-extension://<插件ID>/插件入口html文件

好比个人是：

chrome-extension://fnfchnalfnjbjbfeccpophocngdgapad/index.html

而后就能够愉快的调试了。

2.如何查看其余插件的源码

访问chrome://version 找到Chrome插件安装的本机目录：

而后找到extension目录，全部插件和数据都在这里，能够随便参考其余插件源码。

3.不要把JS代码写在html文件里

出于安全考虑，入口html文件中的JS代码只能经过script标签引用外部脚本文件，内嵌的JS代码会失效的。

4.注意国际化

webstore面向的是全球用户，你辛辛苦苦写的小工具确定不想只限于国内用户吧，因此在你的项目里面加上_locales文件夹，写代码的时候时刻考虑到如何才能更好地支持国际化。

5.用好Google

开发遇到的问题Google一下通常能找到，StackOverflow 和Google网上论坛这两个站点要尤为留意，大部分问题这上面都有解决方案。

更多小技巧就不一一列举了，多看官方文档，有更详细的介绍。

扩展发布

扩展写好以后打包上传就行了，上传时Google会让你提供几张宣传图片，每个须要填写的选项后面都有详细说明，须要认真阅读一下。

发布以后大概过上几个小时就能在webstore搜索到你的扩展了：

至此大功告成，以后能够继续关注你的扩展状况，适时更新。
最后附上本身写的一个Chrome收藏夹扩展源码，仅供参考交流：
https://github.com/0326/iBookmark