chrome extension 开发之快件追踪

如果说开始学编程，我觉得会推荐javascript，感觉很简单，谁能少得了浏览器～

下面的内容要对应google chrome  extension 开发主页上看。

Q1：chrome extension 难吗？

　　我觉的挺难的，需要了解的知识挺多的，如果说是从事前端的开发，就会很简单。但是开发一个好的应用很难的～可以看一下vimiu 插件的源码，人家是使用coffee编写，我觉得好难～https://github.com/philc/vimium

Q2:chrome extension 重点？

　　其实重点就是就是要搞清楚三则的关系:Background   Popup  ContentScript 。三者存在的目的都是为了扩展浏览器的功能。

Q2：什么是Popup

　　popup 就是一个前端。就是网站的页面

Q3：什么是Background

　　Background 就是网站的后台，在插件加载的时候只运行一次，但是Popup可以多次调用里面的方法。通过chrome.getBackGround()的方法。popup的变量跟Background变量是分开的但是localStorage是一个超级变量，三者都可以调用。

Q4：什么是ContentScript

　　所谓ContentScript ，举个例子，可以打开一个网页，然后控制里面的DOM 树～使用Javascript进行交互，popup可以使用executeScript控制ContentScript。

 

然后下面是一个例子：（兴趣的可以clone下来，自己进行扩展：）

源码地址：git clone https://leeprison@bitbucket.org/leeprison/expresstrack.git

打包好的地址：http://pan.baidu.com/share/link?shareid=133291&uk=2183694280

 

需求：就是有时候要一直查看快递，想看看快递到哪了。所以就写了一个expresstrack,不过例子肯定有bug。自己没怎么实践过，只要是我的快递很少，不好做测试～

使用方法：

当网页中看到自己的快递的号码： 然后按住ctrl 选中自己的快递号码，就会出现下面的窗口

然后按下Track，如果发现了快递就会子啊右上角的显示有一个new的字样

可以点开查看一下自己的快递的情况。目前只写了不多的快递种类，只有下面的几种，可能还有bug