我正在尝试构建一些chrome扩展程序。
这是我的代码:
<!DOCTYPE html>
<html>
<head>
<title>Translator Api</title>
<script src="index.js"></script>
</head>
<body>
Key: <input type="text" id="key">
<br>
Password: <input type="text" id="pass">
<br>
<button type="submit" id="submit">Submit</button>
</body>
</html>
JS
document.addEventListener('DOMContentLoaded', function() {
var key, pass, submit, d = document;
key = d.getElementById('key');
pass = d.getElementById('pass');
submit = d.getElementById('submit');
chrome.storage.sync.get('key', function (items) {
if (items.key)
key.value = items.key;
});
chrome.storage.sync.get('pass', function (items) {
if (items.pass)
pass.value = items.pass;
});
submit.onclick = function () {
chrome.storage.sync.set({
key : key.value,
pass : pass.value
});
};
});
清单
{
"manifest_version" : 2,
"name" : "bla bla",
"description" : "bla bla",
"version" : "1.0",
"browser_action" : {
"default_icon" : "icon.png",
"default_popup" : "index.html"
},
"permissions" : [
"storage"
]
}
但是当我打开弹出窗口时,我收到了这个错误:
运行storage.get时未经检查的runtime.lastError:IO错误:... / LOCK:没有进一步的细节
当我检查扩展程序的权限时,它说:
没有该扩展程序的特殊权限
我尝试在谷歌搜索此问题的解决方案,但无法找到任何相关内容。
我重新加载扩展程序,删除并添加它,但仍然无法正常工作。
如果有人可以指导我解决方案,我将不胜感激。