chrome插件开发之:一键购物助手功能开发总结

从10.1开始有开发自动购物这个想法,一直到今天,就是10.9,总算把这个功能给完美整出来了。
回顾这9天的开发路程,确实不是很好走。发现了很多问题,也解决了很多问题。现在分享一下开发的经验。
开发经验总结:
1 首先是前端的基础必须要打好的!特别是js和css的基础。还有,必须要理解什么是异步编程,什么是回调函数等。
如果不理解的话,可以看看我写的一个文章:
http://blog.csdn.net/samt007/article/details/52730739
接着就是chrome插件的开发了。必须先要了解这个东西的大体执行逻辑。
其实每个开发工具都有自己的特性,摸清楚是怎么实现的就行。特别是后面的异常处理,真的是起了决定性的作用!
比较深刻的是,由于注入脚步是在另外一个沙盒执行,所以,所有访问到的网络资源都必须先要在定义文件(manifest.json)里面定义,
才可以在脚步中使用。而且不是可以直接使用的那种,要在脚本用chrome.extension.getURL来调用。
下面是一些比较基础比较好的网址,可以看看:
入门的例子的网址:
Chrome插件(Extensions)开发攻略:
http://www.cnblogs.com/mfryf/p/3701801.html
第一个简单的chrome扩展:
http://www.ituring.com.cn/article/60134
360的翻译chrome开发:
http://open.chrome.360.cn/extension_dev/browserAction.html
知乎上面的经典答复:
http://www.zhihu.com/question/20179805
3 由于这个插件是嵌入到淘宝和天猫这种成熟电商的网购平台。所以平台肯定有很多特殊性的东西。
其中解决了一些问题,例如用jq模拟点击按钮无效,必须要用原生dom对象click才有效果。
另外,处理了由于嵌入了一些css(boostrap框架),导致原来的布局变乱;淘宝的ui的z-index层叠过大导致我嵌入的layer的div无法显示等的问题。
总之是,遇到问题先要定位问题的发生点,能直接理解发生的原因最好,不理解的话可以慢慢调试,再找最优的解决办法。尽量别逃避问题!
我的博客里面都有这些问题的解决方法。

备注:想下载使用的话,先下载一个360浏览器,然后浏览器中输入:
https://ext.se.360.cn/webstore/search/一键购物助手
接着安装这个应用,即可!
这里写图片描述
软件效果图:
自动购物时候弹出的界面
日期选择界面
预约购物倒计时界面
功能基本设定界面

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值