Chrome Extension options_page & storage【谷歌浏览器扩展之选项页和storage】

最新推荐文章于 2024-09-18 19:02:14 发布

拭血

最新推荐文章于 2024-09-18 19:02:14 发布

阅读量3.3k

点赞数

分类专栏： browser 文章标签： chrome extension

本文链接：https://blog.csdn.net/lsg9012/article/details/77720714

版权

本文介绍如何在Chrome Extension中利用options_page和chrome.storage.local API来存储配置信息。在manifest文件中配置options_page和permissions是必要的，同时要注意由于安全原因，内联js和css被禁用，需要外部引入。此外，文章还提到了浏览器Local Storage的常用操作方法以及Chrome Extension提供的API在options.html中的应用。

摘要由CSDN通过智能技术生成

使用 chrome.storage.local API 存储 options_page 页的配置信息，须在 manifes 文件里配置 options_page 和 permissions，页面已禁止内嵌的 js 和 css（style标签），须引入文件方可。

"options_page": "options.html",
"permissions": [
	"storage"
]

浏览器的 Local Storage 常用方法：

localStorage.setItem(k, JSON.stringify(v));
JSON.parse(localStorage.getItem(k));
localStorage.removeItem(k);
localStorage.clear();

Chrome Extension 提供的 API 方法：

//获取
chrome.storage.local.get(keys, function(valueArray) {
    console.log(valueArray);
});
//存储
chrome.storage.local.set({'value': theValue}, function() {
    console.log('success');
});
//删除
chrome.storage.local.remove(keys，function() {
    console.log('success');
});
//清除全部
chrome.storage.local.clear(function()