本鱼拟成立工作室承接项目开发/软件定制/云设施开发运维/办公设备技术支持等,如您有相关需求,欢迎来询 | ::博客文章推荐::

分享之前在GDG分享Chrome扩展(12306订票助手)一些关键点的文稿

: WEB前端 木魚 6165℃ 5评论

之前曾经有幸参与了一次GDG在北京的分享活动,做了一个小的分享,关于Chrome浏览器上扩展开发(含Firefox上UserScript)中一些比较细微的点的分享。
话说那次感觉有点白目,因为去的人基本上都是冲着谷歌的新技术比如谷歌眼镜去的,所以好瞎的感觉。毕竟不是HTML5峰会那种比较有主旨的东西,谷歌搞的摊子太大了。。

用的是12306订票助手做例子,其实12306订票助手从其本身使用的技术而言并不算多牛叉的东西,纯粹是一些前端技术,所以这个文档中涉及到了比较多的细微的点。这些点在开发大多数具有嵌入式脚本的扩展中均有可能用到。当然,订票助手扩展版的源代码在GITHUB上早已停止更新,但这个脚本中使用到的一些技术作为基础东西可以沿用到其它的扩展中。

昨天整理资料的时候看到了当时是用的演示文稿,想想与其烂在手里还不如放出来,有兴趣了解的同学可以借以了解一下可能会用到的基础知识和关键点。

由于老的12306系统已经下线,所以老版本的代码已经没有办法测试了,只能靠自己意淫功能了。。。

Chrome_Extension_Exp_Demo

文稿涉及到的点

  1. 扩展基本结构和运行流程
  2. 沙盒以及突破沙盒的限制
  3. 使用SourceMap调试动态插入的脚本
  4. 在老的12306中修改界面和嵌入逻辑的一些操作
  5. CDN缓存的概述
  6. 各个环境、沙盒之间相互通信概述
  7. Web请求拦截和请求伪装

下载

演示文稿本站下载 GITHUB上老12306订票助手的开源仓库

提示

由于是演示文稿,所以个别只提到点没有详述。如果有希望共同交流的同学欢迎加入技术交流群C1。

由于搞技术的人口长期男女比例失调,因此非常欢迎程序媛加入(群号演示文档中有,或参考此页面)。

喜欢 (7)
发表我的评论
取消评论
表情

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
(5)个小伙伴在吐槽
  1. 我的偶像鱼大大 是你让我爱上了js

    jyy2016-07-15 16:29 回复
  2. 每一篇文章都是博主精心制造的,忘记哪本书上谈到一个什么阅读比例的东西,博主耗费十个小时的文章读者一个小时阅读完这个比例就是十,话说周末上班太无聊了…00012.gif

    尼采我是谁2016-03-19 09:25 回复
  3. 留个脚印看UA

    木鱼2015-01-22 22:37 回复
  4. 就是说你寂寞了,要女人给你解闷喽??

    risafa2015-01-20 20:24 回复
  5. 喜欢你的风格哈哈!

    Kvkens2015-01-20 16:33 回复