开发一个比价插件 firefox扩展网页设计 -电脑资料

电脑资料 时间:2019-01-01 我要投稿
【www.unjs.com - 电脑资料】

   

    这段时间准备攒台牛机,首选京东的装机大师,当把某显卡去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的支持!祝您上网愉快!

                声明:

              本插件均为胡乱敲击键盘鼠标所致,纯为测试键盘和鼠标机械性能。

            最新文章