Chrome扩展及应用开发 入门笔记（七）带选项页面的扩展与本地存储

带选项页面的扩展

Chrome通过Manifest文件的options_page属性为开发者提供了这样的接口，可以为扩展指定一个选项页面。当用户在扩展图标上点击右键，选择菜单中的“选项”后，就会打开这个页面.

指定options_page属性后，扩展图标上的右键菜单会包含“选项”链接

本地存储

通常Chrome扩展使用以下三种方法中的一种来储存数据：

第一种是使用HTML5的localStorage；

对于一般的扩展，“设置”这种简单的数据可以优先选择第一种，因为这种方法使用简单，可以看成是特殊的JavaScript变量

例子源码：

https://github.com/xiaohuhuanxiang/chromedev/tree/chrome/Documents/git/weather

第二种是使用Chrome提供的存储API；

对于结构稍微复杂一些的数据可以优先选择第二种，这种方法可以保存任意类型的数据，但需要异步调用Chrome的API，结果需要使用回调函数接收，不如第一种操作简单；使用Chrome存储API必须要在Manifest的permissions中声明"storage"，之后才有权限调用。

例子源码：

https://github.com/xiaohuhuanxiang/chromedev/tree/chrome/localstorage

第三种是使用Web SQL Database。

第三种目前使用的不算太多，因为需要使用SQL语句对数据库进行读写操作，较前两者更加复杂，但是对于数据量庞大的应用来说是个不错的选择。