这段时间准备攒台牛机,首选京东的装机大师,当把某显卡去51buy一搜,发现比京东便宜50块,50块,10瓶可乐呢,
开发一个比价插件 firefox扩展网页设计
。曾经用过个有道购物助手,很强大,强大到直接在你的所有页面注入代码,且就注入到别人页面的body下,还是个div,有没有公德心啊,把别人的js变量,css样式冲了怎么办,或别人的css权重冲了你的怎么办,别人的dom树别破坏行不。莫名的在body下多了一个div,这样的xpath是不存在的,如果是这样在我们的预计系统里就会报警了,算是被网络运营商注入广告了,还算是被 xss攻击了。关键的还不是这些,注入脚本,https的你别注入行不。我登陆的我的淘宝别注入行不,gmail里别注入行不……。
好吧。准备自己开发个比价的插件,先做最拿手的firefox。
分析:
- 取当前页面title通过分词去其它商城搜。
- 分析各大商城的dom结构,统一返回JSON格式给后续处理。
- 在document.docuemntElement下注入iframe,这样与别人的页面不会冲突。
- 配置化比价,只有用户在他配置的页面才会注入。
准备:
- 通过Firefox扩展在线生成向导生成一个扩展。
- 通过新浪云计算的分词做个服务。
- 解板各大商城的dom
开发:
- 商品的title要稍微正则一下,把一些无用的内容过滤掉,如:【行情报价价格评测】等.
- 易讯的title要gbk编码过去,
电脑资料
《开发一个比价插件 firefox扩展网页设计》(https://www.unjs.com)。- ifm.contentWindow.document.documentElement绑事件,通过事件冒泡来完成工作。
成果:
下载:
- 猛击这里
总结:
- 好吧,我承认这不是一个插件,只是一个扩展
QA:
- 你们UED还要开发插件
- 是的,为了保证程序员套出来的HTML,我们要开发HTMLQA插件,在发布前检查。为了保证线上的图片是最优化的,我们要开发图片压缩率检查插件,为了保证各业务的js写的是优化的,我们要开发js性能分析插件。为了用户行为分析,我们要开发用户点击行为插件来显示各元素被点的次数等。。。感谢您对ctripUed的支持!祝您上网愉快!
- 你们还缺人不
- 缺。相当的缺。感谢您对ctripUed的支持!祝您上网愉快!
声明:
- 本插件均为胡乱敲击键盘鼠标所致,纯为测试键盘和鼠标机械性能。