如何成为一名Chrome应用开发者
出处:http://www.jianshu.com/p/049eecc2062f
Chrome网上应用店有丰富的应用和插件,这些工具极大的提高了我们的生产效率。不过本文不是给大家推荐那些精品插件名单,而是教你如何作为一名开发者,为Chrome贡献自己的插件。
准备工作
万里长城第零步,首先你得先翻墙
推荐用收费的VPN,以便于后续的一系列工作。不要把精力都花在了弄免费的翻墙工具上,毕竟收费的也不贵。
万里长城第一步,不必去办VISA卡
要想在Chrome网上应用店(下文简称webstore)发布应用,需要在webstore的开发者信息中心注册一下,填信息的时候你会发现没有中国大陆地区,所以Google在暗示天朝人民要用假的地址注册,于是我机智的选择了宝岛台湾。
然后Google还要你提供一个VISA/MasterCard账号,用来缴纳5美元注册费。我差点就真去办VISA卡了,后来网上一查,国内的VISA卡可能会认证失败,去淘宝上买虚拟卡又不放心,奋战一小时后我发现一个神奇的网站:全球付.
![](http://upload-images.jianshu.io/upload_images/1665040-79d505b3421a5b87.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
这网站专门用来搞全球购物的,冲100块钱,自动给你生成MasterCard账号,然后你就可以拿这个卡号信息去注册webstore开发者了,分分钟验证通过,并没有网友说的那么麻烦。
至于剩下的钱,你可以买点儿别的,或者转到其他银行卡里,机智如我。
应用开发
基础入门
webstore有四种程序类别:应用、游戏、扩展程序、主题背景。
放心,都是用JS来写的,对于前端来说只有一星门槛。本文不会讲具体基础开发知识,因为这里已经有非常好的教学资料了:
- Chrome 扩展及应用开发.来自图灵社区的免费电子书,适合入门。
- Chrome扩展开发文档.来自360极速浏览器翻译的官方文档。
- Chrome 插件开发官方文档(英文).前两个适合入门,实际开发的时候还是推荐官方的,查API啥的都很方便。
经验之谈
webstore开发本人其实也是新手,但些许经验应该能帮助到其他人:
1.如何优雅的调试
右键Chrome工具栏的小图标会弹出一个窗口,选择审查弹出内容即可调试。
但是这种方法极度低效,直接chrome://extensions/找到你插件的ID:
![](http://upload-images.jianshu.io/upload_images/1665040-75cb3e37b3f1b0b8.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
然后浏览器访问:
chrome-extension://<插件ID>/插件入口html文件
比如我的是:
chrome-extension://fnfchnalfnjbjbfeccpophocngdgapad/index.html
然后就可以愉快的调试了。
2.如何查看其他插件的源码
访问chrome://version 找到Chrome插件安装的本机目录:
![](http://upload-images.jianshu.io/upload_images/1665040-b0972ea4f1c6ffa7.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
然后找到extension目录,所有插件和数据都在这里,可以随便参考其他插件源码。
3.不要把JS代码写在html文件里
出于安全考虑,入口html文件中的JS代码只能通过script标签引用外部脚本文件,内嵌的JS代码会失效的。
4.注意国际化
webstore面向的是全球用户,你辛辛苦苦写的小工具肯定不想只限于国内用户吧,所以在你的项目里面加上_locales文件夹,写代码的时候时刻考虑到如何才能更好地支持国际化。
5.用好Google
开发遇到的问题Google一下一般能找到,StackOverflow 和Google网上论坛这两个站点要尤其留意,大部分问题这上面都有解决方案。
更多小技巧就不一一列举了,多看官方文档,有更详细的介绍。
应用发布
应用写好之后打包上传就好了,上传时Google会让你提供几张宣传图片,每一个需要填写的选项后面都有详细说明,需要认真阅读一下。
发布之后大概过上几个小时就能在webstore搜索到你的应用了:
![](http://upload-images.jianshu.io/upload_images/1665040-aca4040d210fbca7.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
至此大功告成,之后可以继续关注你的应用情况,适时更新。
最后附上自己写的一个Chrome收藏夹插件源码,仅供参考交流:
https://github.com/0326/iBookmark
如何成为一名Chrome应用开发者相关推荐
- 怎样成为一名A“.NET研究”ndroid开发者
Chris(克里斯)是一位来自波兰的Androi上海企业网站设计与制作d应用开发者,作为一名非著名的开发者,他开发的应用在Android Market上免费提供下载,并通过广告获得收入,最近他在自己的 ...
- python开发怎么成长_成长路线图:如何成为一名Python开发者?
原标题:成长路线图:如何成为一名Python开发者? [导语]本文对学习 Python 的最佳书籍.视频.课程进行了汇总,并解答了初学者及早中级人员在工作中面临的问题.在作者看来,这些问题即便通过 S ...
- 【ios】如何成为一名ios开发
https://medium.com/app-coder-io/10-steps-to-become-a-professional-ios-developer-11b82b6aea4c 本文列出了成为 ...
- 如何成为一名Web前端开发人员?入行学习完整指南
经过如此多的试验和测试,而不是说你从头开始创建了所有内容,接着,你在网页上创建了第一个登录表单时,你感觉如何? 经过了多次更改后,将布局分配给第一个Web应用程序时感觉如何? 当成功处理了数千个用户的 ...
- 如何成为一名Top DevOps Engineer
软件世界的战场 如果你对devops的概念不是很了解的话,没有关系,可以先跳到维基百科阅读一下DevOps条目.有了模模糊糊的概念之后, 我们先抛开所有市面上对于devops的各种夸大和炒作,首先来思 ...
- 如何成为一名Web前端开发人员?
如何成为一名Web前端开发人员? 文章目录 如何成为一名Web前端开发人员? 1.首先确定你的目标或道路 2. Web开发的基本工具和软件 3.从HTML和CSS开始 4. 响应式布局 5. 自定义可 ...
- 英语很差,可能不会阻止你成为一名程序员,但一定会限制你成为一名“优秀的”程序员...
作者 l 会点代码的大叔(CodeDaShu) 我在很多平台上发表技术类的文章,收到过很多朋友的私信,问一些技术类和程序员职业发展类的问题,常见的问题比如"我已经 XX 岁了,想转行做程序员 ...
- linux系统编程需要什么,若想成为一名Linux下编程高手,必须能对各种系统调用有透彻的了解...
原标题:若想成为一名Linux下编程高手,必须能对各种系统调用有透彻的了解 什么是系统调用? Linux内核中设置了一组用于实现各种系统功能的子程序,称为系统调用.用户可以通过系统调用命令在自己的应用 ...
- python程序员工作怎样-怎样才能成为一名Python程序员
随着互联网的不断发展,从事IT行的的人越来越多,近几年用Python编程的程序员更是十分火爆,有些人是看中Python语言的优势,有些人是看中Python程序员的人才缺口,为将来的就业和职业发展做好准 ...
最新文章
- 设置WebStorm像VSCode一样每行代码结尾自动格式化加入“;”分号(JavaScript、TypeScript格式化)
- js进阶 13-6 jquery动画效果相关常用函数有哪些
- java el jstl_java -EL技术JSTL技术
- weka: naive bayes
- 编程题:二维平面整数点集求最大值
- Java开发中消息中间件的优势有哪些?
- 华为Mate40 Pro国行或定价6499元起 将会提供多个版本
- 基于Python开发用于钞票认证的神经网络
- (十二)洞悉linux下的Netfilteriptables:iptables命令行工具源码解析【下】
- python treeview控件使用详解_python绘图工具turtle库的使用详解
- python doc转pdf
- 图解DbgView使用
- 三星4k3d电视测试软件,三大硬性指标 揭开伪4K电视真实面目
- 解决方案(二)— 将 http://apache.org/xml/features/disallow-doctype-decl 设置为“true”时, 不允许使用 DOCTYPE
- Web开发项目 # 2048小游戏
- ubuntu下80端口无权限问题
- 信息泄露事件频发,下一个会是谁?
- Prolog教程 14--cut的功能
- [学习][Vim]行号的显示与隐藏
- 原生js实现轮播图——小肉包
热门文章
- 【NOIP普及组】1346:【例4-7】亲戚(relation)
- XSL 转换:XSLT 可缓和 XML 架构的不相容性问题[网淘]
- Apace安装——无脑版(内涵下载链接)
- jquery jsonp_结合JSONP和jQuery快速构建功能强大的混搭
- 足不出户就能购遍全球?亚马逊中国Prime会员日即将开启
- 二叉树——重建二叉树
- 家教源码php,新版PHP家教网源码 整站PHP家教网站 搭建家教网
- Java、JSP基于SSH网上体育用品销售系统开发与设计
- 【python实战】用pygame做个贪吃蛇游戏
- Java太卷了,会Java的人都烂大街了!Java培训能找到工作吗?