May 9, 2017

Chrome Extension: Chrome.storage 存储API简单使用（缓存，cache）

有时候我们不满足于localStorage只能保存string的单调功能，那么试一试chrome.storage中存储多种类型的本领？

*.本文中的操作实例仅仅使用`storage.local`，其他API都类似。

声明权限

{
	"permissions": ["storage"]
}

保存数据

// chrome.storage.local.set函数需要两个参数，一个为存储对象，一个为回调函数
chrome.storage.local.set({
	string: '可以存储字符串',
	array: ['或者', '数组'],
	object: {k: '或者', v: '对象'},
	int: 111
}, function(){
	console.log('保存成功');
})

获取数据

// chrome.storage.local.get函数需要两个参数，第一个为要获取的键值，第二个是获取成功回调函数
chrome.storage.local.get('array', function(arr){
	console.log(arr);
});
// 还可以这样
chrome.storage.local.get(['object', 'string'], function(obj){
	console.log(obj.object);
	console.log(obj.string);
});

删除数据

chrome.storage.local.remove('string', function(){
	console.log('删除成功');
});
// 或者
chrome.storage.local.remove(['int', 'array'], function(){
	console.log('删除成功');
});

清空数据

chrome.storage.local.clear();

监听事件

由于不怎么使用，暂时不记。。

实例：

function fetchLive(callback) {
  doSomething(function(data) {
    chrome.storage.local.set({cache: data, cacheTime: Date.now()}, function() {
      callback(data);
    });
  });
}

function fetch(callback) {
  chrome.storage.local.get(['cache', 'cacheTime'], function(items) {
    if (items.cache && items.cacheTime && items.cacheTime) {
      if (items.cacheTime > Date.now() - 3600*1000) {
        return callback(items.cache); // Serialization is auto, so nested objects are no problem
      }
    }

    fetchLive(callback);
  });
}

本文： Chrome Extension: Chrome.storage 存储API简单使用（缓存，cache）

Chrome Extension : 事件交互实例（消息传递, sendMessage，connect，onConnect，onMessage）
alert.js alert('hello ' + document.location.href); manifest.json { "manifest_version": 2,…
Chrome 插件 DIY
1 前言对于一个web前端开发者，chrome浏览器是一个工作，学习和生活的必备工具。除了chrome本身的基本能力（控制台等）外，能大幅提高这个神器的使用体验的是，可扩展能力（插件）以及丰富的插件生态。每个人根据使用习惯会有自己的一套插件配置（鼠标手势、代理配置等等），这些插件包括具体的插件的配置信息，甚至可以和你的google账号绑定，当你换一台电脑，只要使用相同的google账号登录chrome，就会享受到一致的使用体验。当你打开chrome的“扩展程序”界面，看着琳琅满目的插件，有没有想过亲自动手，打造一个自己的插件呢？当然，这种想法不应该是闲着某个部位疼，刻意的去开发一个连自己都不会实际使用的插件。而应该是发现现在的插件库里，没有一个能解决自已在使用chrome过程中某个痛点的插件。好，假设现在你在chrome的使用上想要一个扩展功能，但用各种关键字在各种可能找到答案的地方都搜索了，仍然没有看到想要的插件。这个时候，就可以考虑自己开发了。如果刚好你是一个web前端开发者，那么恭喜你，几乎没有门槛（只要有能看懂chrome extentions API文档就行），因为所有用到的技术都是你所熟悉的： json配置,…
如何查看chrome扩展的源代码, chrome扩展二次开发
在chrome浏览器地址栏里输入 chrome://extensions/ 打开扩展页面记录要查看的扩展的ID 在地址栏输入 chrome://version/ 找到配置文件路径这一项。将路径拷贝在Ubuntu下，~/.config/google-chrome/Default/Extensions/xxxx 在Windows7下，C:Users<username>AppDataLocalGoogleChromeUser…

Tags:Chrome Extension: Chrome.storage 存储API简单使用（缓存，cache）

Just Code

Chrome Extension: Chrome.storage 存储API简单使用（缓存，cache）

*.本文中的操作实例仅仅使用`storage.local`，其他API都类似。

声明权限

保存数据

获取数据

删除数据

清空数据

About Author

Gideon

Add a Comment

*.本文中的操作实例仅仅使用storage.local，其他API都类似。

声明权限

保存数据

获取数据

删除数据

清空数据

Related Posts

Related Posts

About Author

Gideon

Add a Comment

*.本文中的操作实例仅仅使用`storage.local`，其他API都类似。