javascript - chorme 扩展开发，如何退出浏览器后再次登录popup.html还记录用户的操作？
本文介绍了javascript - chorme 扩展开发，如何退出浏览器后再次登录popup.html还记录用户的操作？的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
问 题
1.比如popup.html有个input的checkbox属性，当我勾选了，退出浏览器。再次打开浏览器我的扩展popup.html的input的还是checked的。
2.代码：
popup.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>demo</title>
</head>
<body>
<input type="checkbox" id="test"/>
<script src="script/popup.js"></script>
</body>
</html>popup.js
(function () {
let extension,
bPluginEnabled;
function Init() {
extension = chrome.extension.getBackgroundPage();
bPluginEnabled = extension.openFlag;
if (bPluginEnabled) {
document.getElementById('test').checked = true;
} else {
document.getElementById('test').checked = false;
}
}
function changeStatus() {
extension.SetPluginEnabled(!bPluginEnabled);
}
document.addEventListener('DOMContentLoaded', function () {
document.getElementById('test').addEventListener('click', changeStatus);
Init();
});
})();
-
background.js
window.openFlag = true; function SetPluginEnabled(bEnabled) { openFlag = bEnabled; }
解决方案
HTML5 的
localStorage；Chrome 的存储 API
chrome.storage；Web SQL Database。
这篇关于javascript - chorme 扩展开发，如何退出浏览器后再次登录popup.html还记录用户的操作？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
