Chrome扩展及应用开发 入门笔记(七)带选项页面的扩展与本地存储
来源:互联网 发布:家长监控软件 编辑:程序博客网 时间:2024/05/17 22:11
带选项页面的扩展
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语句对数据库进行读写操作,较前两者更加复杂,但是对于数据量庞大的应用来说是个不错的选择。
0 0
- Chrome扩展及应用开发 入门笔记(七)带选项页面的扩展与本地存储
- Chrome扩展开发学习笔记之带选项页面的扩展
- Chrome扩展及应用开发 入门笔记(三)存储数据
- Chrome扩展及应用开发 入门笔记(一)
- Chrome扩展及应用开发 入门笔记(四)
- Chrome扩展及应用开发 入门笔记(六)进阶(网络请求,脚本注入)
- Chrome扩展及应用开发 入门笔记(二)跨域请求
- Chrome扩展及应用开发 入门笔记(五)消息机制
- Chrome扩展开发入门
- chrome扩展开发入门
- Chrome扩展开发入门
- chrome扩展及应用开发——
- Chrome 扩展开发笔记
- Chrome浏览器扩展开发系列之七:override页面
- 手把手教你Chrome扩展开发:本地存储篇
- Chrome扩展开发指南(4)——Options Pages(选项页面)
- Chrome插件开发入门+扩展
- Chrome 扩展程序的开发与发布
- 从B 树、B+ 树、B* 树谈到R 树
- POJ--3468 A Simple Problem with Integers(线段树)
- PHP查看常量
- P12 (**) 解码游程编码过的列表
- 安装Win7和Ubuntu双系统后,Win7耳机无声音的解决办法
- Chrome扩展及应用开发 入门笔记(七)带选项页面的扩展与本地存储
- 创建一个透明的UIToolbar
- 数据库之基础3
- 数据选择控件
- 关于分词的一些解惑
- [引言]学习编程技术需要的基本条件
- js关于省市的二级下拉菜单联动
- [LeetCode]045-Jump Game II
- Java多线程之ThreadPoolExecutor