chrome extension例子——选中文本笔记
作为练手，昨晚开发了一个chrome的扩展
效果是在页面上选中文本，然后在右键菜单里点击按钮，保存到localStorage里，在popup window里可以看到保存的笔记
数据是保存在localStorage里的，由于localStorage只能保存String（奇怪），但是应用的数据结构需要用到object，所以要用JSON的方法转化一下，详见代码
扩展用到了background javascript，用来生成右键菜单、处理点击；以及一个popup页面，用来展示保存的笔记；由于没有和页面的直接交互，就不需要用到content script
首先是manifest
最后是popup.js，点击时显示笔记
完整的代码见附件
感觉google出的东西都比较好学，因为它的架构很清晰，相关的文档比较全，API设计得也比较好
总结一下，当学习一个新的框架或者平台的时候，可以按三步走：
1、了解场景和边界，即这个东西是用在什么场合，可以解决什么问题，不能解决什么问题
2、学习架构，在高层面上明白有什么组件，怎么交互。比如android的4种组件，chrome extension的background、browser action、content script的关系
3、学习API，在上述2个步骤以后，就可以深入到reference里，看看都有什么API，应该怎么调用。每个平台或者框架能做什么事情，最终都是由API来体现的
