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

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

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

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

文稿涉及到的点

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

下载

提示

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

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

感谢阅读本文，欢迎扫描下方二维码关注鱼的公众号（微信内长按识别哦）