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/一键购物助手
接着安装这个应用,即可!
软件效果图:
chrome插件开发之:一键购物助手功能开发总结相关推荐
- oracle中app文件夹下,Oracle Form开发之folder(文件夹)功能开发(一)
一.模板制作:YSFOLDER.FMB 打开TEMPLATE.FMB,如果打开的是APPSTAND.FMB,以下步骤省略: 1.FORM级触发器: 1.在WHEN-NEW-FORM-INSTANCE后 ...
- vscode插件开发之Swagger生成Ts
vscode插件开发之Swagger生成Ts 当后端同学给到我们Swagger接口文档的时候,是不是在为要写接口类型烦恼,为了偷懒,那么就any吧.any一时爽,同事泪两行.为了高质量的偷懒,来开发个 ...
- Jmeter Kafka插件开发之Sampler篇
Jmeter Kafka插件开发之Sampler篇 背景:在项目中经常需要往kafka里面写数据,并拿生成的数据执行后续的操作,并且有些接口中也需要用到kafka里的数据,小编使用JMeter做接口测 ...
- Idea插件开发之Gradle
Idea插件开发之Gradle 1. 前言 作为Java开发者,Intellij Idea可以说是必备开发工具,Jetbrains提供了丰富的插件库.但是,有时候我们都在做重复.繁琐.无意义的操作,我 ...
- CDR插件开发之CPG插件001 - 什么是CPG插件
CPG,英文缩写 Corel Plugin,中文含义是 Corel 插件,简称CPG插件,典型代表有魔镜.CDR是鼎鼎大名的创意图形设计软件,几乎是广告.印刷行业的标准,而正是由于CDR在日常的排版. ...
- android 监听安装来源_Flutter插件开发之APK自动安装
点击上方的终端研发部,右上角选择"设为星标" 每日早9点半,技术文章准时送上 公众号后台回复"学习",获取作者独家秘制精品资料 往期文章 记五月的一个Andro ...
- Linux应用程序开发之man手册汉化+开发的简易流程说明
Linux应用程序开发之man手册汉化+开发的简易流程说明 1,开发中善于使用man手册 man手册安装命令: sudo apt-get install manpages-dev man手册汉化安装命 ...
- Kinect开发之PowerPoint播放助手
前言: 之前写过一篇关于姿势(pose)识别的博文,之后又定义了几个姿势实现了体感俄罗斯方块.姿势识别是通过关节点与关节点之间的相对位置关系来进行判断.当判断成立,即执行指定的指令.那么,我们就可以指 ...
- ChromeFK插件推荐系列三:购物助手插件推荐
本次分享几个购物助手chrome扩展插件chromefk.希望对你有所帮助. 1.慢慢买 - 历史价格查询 在浏览购物网站时,只需要在商品详情页单击鼠标右键,选择右键菜单中的"查看历史价格& ...
最新文章
- oracle中查看用户权限
- 3D脚本 maxscript入门教程(6)
- leetcode 36. Valid Sudoku | 37. Sudoku Solver(数独)
- 简单的前端上传图片代码
- centos7 kafka2.3.1单点部署
- 愤怒的小鸟4只编外鸟_丽萨荐书 愤怒的小鸟 Angry Birds ICR #1
- java 取pdf 文本域_使用PDFBox获取文本行的位置
- 共享会话怎么设置没访问自动断开_谁总结的JavaWeb会话技术了?太全面了...
- pb 数据窗口下拉表
- html5的方框属性,HTML连载37-边框属性(下)、边框练习
- pandorabox开启ssr_潘多拉固件开启UPNP的方法(图文教程)
- 四叶草clover配置工具Clover Configurator 5.4.4.0汉化版
- 【转载】Altera官方资料整理
- 亿赛通加密软件不显示小锁图标
- Windows 10 系统优化脚本大全
- centos7.6安装maven
- 几种常见的Kafka集群监控工具「送书」
- python+selenium3登录126邮箱并发送邮件
- 计算机运行命令如何关闭应用程序,如何禁止电脑中某些程序的运行
- 域名防劫持 稳定快速。