要保存输入的Chrome扩展,您可以使用以下步骤:
// background.js
chrome.runtime.onMessage.addListener(function(request, sender, sendResponse) {
if (request.action === 'saveInput') {
// 将输入保存到本地存储
chrome.storage.local.set({input: request.input}, function() {
console.log('输入已保存');
});
}
});
{
"manifest_version": 2,
"name": "保存输入的扩展",
"version": "1.0",
"background": {
"scripts": ["background.js"],
"persistent": false
},
"permissions": [
"storage"
],
"browser_action": {
"default_popup": "popup.html"
},
"manifest_version": 2
}
保存输入的扩展
// popup.js
document.getElementById('saveButton').addEventListener('click', function() {
var input = document.getElementById('inputField').value;
chrome.runtime.sendMessage({action: 'saveInput', input: input}, function(response) {
console.log('保存请求已发送');
});
});
这样,当用户在弹出窗口中输入内容并点击保存按钮时,扩展将保存用户的输入到本地存储中。您可以使用chrome.storage.local.get
方法从本地存储中检索保存的输入。
下一篇:保存输入数据的问题