代码之家 › 专栏 › 技术社区 › Hamdi Alp

镀铬。存储同步设置和获取失败

google-chrome-devtools google-chrome-extension

Hamdi Alp · 技术社区 · 8 年前

当我放置任何数据并单击按钮时,我无法保存和获取数据。没有任何事情发生,也无法保存数据。

只想保存2个值

APIkey公司
是否启用复选框

并保存它们

我的main。js用于选项

function saveSettings(e) {
chrome.storage.sync.set({
    apiKey: apiKey.value,
    isEnabled: isEnabled.checked

});
}

function restoreSettings(e) {
chrome.storage.sync.get("apiKey").then(
    function(result) {
        alert('working');
        apiKey.value = result.apiKey || "";
    },
    function(error) {
        console.log(error);
    }
);
chrome.storage.sync.get("isEnabled").then(
    function(result) {
        isEnabled.checked = result.isEnabled
    },
    function(error) {
        console.log(error);
    }
);
}



//restoreSettings();
//saveButton.addEventListener("click", saveSettings);

document.addEventListener('DOMContentLoaded', restoreSettings);
document.getElementById('saveButton').addEventListener('click',
saveSettings);

和我的html

<!DOCTYPE html>
<html>
<head>

<title>Plugin Options</title>

</head>
<body>

<img src="/icons/img1.png">

<div>

<form style="background-color:#000a1a">


    <h3>Change Settings</h3>
    <label>API Key : <input type="text" id="apiKey" /></label><br />
    <label>Enabled : <input type="checkbox" id="isEnabled" /></label><br />
    <input type="button" value="Save Settings" id="saveButton" class="button" />


</form>
</div>
<script src="main.js"></script>
</body>
</html>

我试过了 chrome.storage.local 也谢谢你的帮助

1 回复 | 直到 8 年前

Andreas Moldskred 8 年前

首先确保您在清单中设置了正确的权限:

"permissions": [
        "storage"
    ]

然后获取值:

chrome.storage.sync.get('myvalue', function(res){
})

哪里 res.myvalue 将是您正在寻找的内容。

要设置值,请执行以下操作:

chrome.storage.sync.set({'myvalue': true})

推荐文章

user1592380 · 没有输出到带有chrome.devtools扩展的控制台

2 年前

ubi sage · chrome开发工具下的网络选项卡中的内容下载或邮递员内部的下载时间对于小于1mb的少量数据需要很长时间

2 年前

Vrushabh Ranpariya · 谷歌Chrome-开发工具-网络选项卡:设计更新

2 年前

user1763684 · Deno:如何在子进程完成之前运行shell命令并读取输出?

3 年前

Norem · ChromeDevTools SetVariableValue:如何更改对象属性?阵列单元?

3 年前

repka · 如何在浏览器开发工具控制台中加载NPM包?

3 年前

Jens G. · 使用控制台代码更改HTML文本框值

3 年前

Zoran · Chrome DevTools-应用程序选项卡-本地存储中的更改密钥

3 年前

Radha · 警告:找不到用于版本114的CDP版本

3 年前

João Otero · 我在这个Javascript数组行为中遗漏了什么?[副本]

4 年前