Question

我正在尝试获取输入值并将其设置为var以更改网页值。我不知道这是否是正确的方法，但据我所知它是：/我有点需要制作自动填充程序，从我的扩展输入填充页面。我试图直接搜索我的input.value但它总是显示它的null，我也尝试将我的输入保存在localStorage中...但它不起作用:(当我试图这样做时，我会发布所有内容当我在localStorage中保存输入时。对不起，如果这是一个愚蠢的问题，但我不能让它工作:(

清单文件：

{
"manifest_version" : 2,
"name": "sAVING iNPUT",
"version": "1.0",
"description" : "Click something pls",
"version" : "1.0",
"permissions" : ["<all_urls>"],

"browser_action" : {
  "default_popup" : "popup.html"

}
}

Popup.html文件：

<!DOCTYPE html>
<html>
<head><title> activity</title></head>
<body>
<div>
    <div>
        E-Pasts
        <input type="text" name="epasts" id="epasts"></input>
    </div>
    <button id="ielogoties" aonClick="saveInput()" > login </button>
</div>
    <script src="popup.js">
    function saveInput(){
        localStorage.setItem("epastss", document.getElementById("epasts"));
    }
    </script>
</body>
</html>

Popup.js文件：

 function injectTheScript() {
chrome.tabs.query({active : true, currentWindow:true},function(tabs){
    chrome.tabs.executeScript(tabs[0].id,{file: "content_script.js"});
});

}
document.getElementById("ielogoties").addEventListener
("click",injectTheScript);

content_script.js文件：

var drepasts = document.getElementById("email");
var epasts = localStorage.getItem("epastss")


drepasts.value= epasts;
alert("hehejr");
localStorage.removeItem("epasts");

现在，当我按下按钮时出现此错误：

拒绝执行内联事件处理程序，因为它违反了以下内容安全策略指令：“script-src'self'blob：filesystem：chrome-extension-resource：”。要启用内联执行，需要使用'unsafe-inline'关键字，散列（'sha256 -...'）或nonce（'nonce -...'）。

Answer 1

您需要在清单文件中声明storage权限才能访问localStorage。

您的permissions部分应如下所示：

"permissions" : ["<all_urls>", "storage"],

或者：

"permissions": [
    "<all_urls>",
    "storage"
],

有关详细信息，请参阅chrome.storage documentation。

另外，我猜这只是帖子中的拼写错误，但aonClick应为onclick：

<button id="ielogoties" aonClick="saveInput()" > login </button>

您的代码现在的方式，它抓取<input>元素本身并将其保存在localStorage中，然后检索该值并尝试将其插入ID为“email”的元素中。这可能就是你获得null的原因。

要获取输入值而不是输入元素，请将setItem语句更改为：

localStorage.setItem("epastss", document.getElementById("epasts").value);

Chrome扩展程序 - 无法获得输入值

1 个答案: