传输用户'；在Chrome扩展中的JavaScript文件之间的输入？_Javascript_Html_Google Chrome Extension

传输用户'；在Chrome扩展中的JavaScript文件之间的输入？

javascript html google-chrome-extension

传输用户'；在Chrome扩展中的JavaScript文件之间的输入？,javascript,html,google-chrome-extension,Javascript,Html,Google Chrome Extension,这个问题是一个具体的问题。所以，我会尽可能的彻底我这样做是为了学习如何制作能够与网站交互的Chrome扩展这应该做的是获取输入字段的输入，即用户在其中写入的内容，然后用该文本替换网站的特定部分。我使用中所述的“简单一次性请求”，因为它有一个ID，可以通过getElementById轻松编辑简单地在单击按钮时替换“简单的一次性请求”语句很容易，但当我尝试获取用户的输入并将其插入文档时会出现问题这是我的密码： manifest.json： content.js： replace.js：

这个问题是一个具体的问题。所以，我会尽可能的彻底

我这样做是为了学习如何制作能够与网站交互的Chrome扩展

这应该做的是获取输入字段的输入，即用户在其中写入的内容，然后用该文本替换网站的特定部分。我使用中所述的“简单一次性请求”，因为它有一个ID，可以通过

getElementById

轻松编辑

简单地在单击按钮时替换“简单的一次性请求”语句很容易，但当我尝试获取用户的输入并将其插入文档时会出现问题

这是我的密码：

manifest.json：

content.js：

replace.js：

menu.html：


正文{宽度：200px；}
#文本{字体大小：13px；文本对齐：居中；}
好啊

我尝试使用一个简单的存储脚本来保存值并通过文件解析它，但它只会使脚本打印出来

未定义的

将输入值传递给文档的解决方案是什么

扩展弹出窗口是一个不同的页面，与在选项卡中打开的网页无关：您的弹出脚本名称有误导性/错误：它不是内容脚本，请将其重命名为例如

menu.js

接受函数回调的ChromeAPI方法是，并在函数回调中返回值。检查以查看可能的参数

内容脚本中的

chrome.storage.local.get

调用不正确，因此它返回

undefined

，请指定键名并在回调中使用值：

var item;

chrome.storage.local.get('value', function(data) {
    item = data.value;
    document.getElementById('simple').innerHTML = item;
});

弹出窗口中的代码可能会在异步API中造成竞争条件，因此在保存值之前会注入内容脚本（理论上是可能的）。通过嵌套链接调用：

chrome.storage.local.set({'value': theValue}, function() {
    message('value saved');
    chrome.tabs.executeScript({ file: 'replace.js' });
});

关于您如何尝试使用chrome.storage.local.get（），请参阅：

var item = chrome.storage.local.get(null, function(){
    message('Value gotten')
})
document.getElementById('simple').innerHTML = item;

<!DOCTYPE html>

<html>
    <head>
        <meta charset="utf-8">
    </head>

    <style>
        body {width: 200px;}
        #text{ font-size: 13px; text-align: center;}
    </style>

    <body>
        <input id='input' type="text" placeholder="Text Here">
        <button id='button' class='button button'>Ok</button>
        <script src="content.js"></script>
    </body>
</html>

var item;

chrome.storage.local.get('value', function(data) {
    item = data.value;
    document.getElementById('simple').innerHTML = item;
});

chrome.storage.local.set({'value': theValue}, function() {
    message('value saved');
    chrome.tabs.executeScript({ file: 'replace.js' });
});