Javascript 通过弹出式chrome扩展更改变量

Javascript 通过弹出式chrome扩展更改变量,javascript,html,popup,Javascript,Html,Popup,我正在做一个Chrome扩展,我有一个问题。它应该点击页面上的按钮 我想使用一个可以通过弹出窗口更改的变量,因为我不想一直转到脚本并更改变量。我该怎么做 我想通过弹出窗口更改变量sku 舱单: { "name": "Clicker", "manifest_version": 2, "version": "0.0.1", "browse

我正在做一个Chrome扩展,我有一个问题。它应该点击页面上的按钮

我想使用一个可以通过弹出窗口更改的变量,因为我不想一直转到脚本并更改变量。我该怎么做

我想通过弹出窗口更改变量
sku

舱单:

{
      "name": "Clicker",
      "manifest_version": 2,
      "version": "0.0.1",
         "browser_action": {
         "default_popup": "popup.html",
         "default_title": "popup",
         "default_icon": "icon.png"
             },
      "description": "Clicker",
        "content_scripts": [
        {
            "matches": ["https://www.zalando.pl/*"],
            "js": ["content.js"]
        }
    ],
        "permissions": [
        "tabs", "storage" ,"activeTab", "http://*/*", "https://*/*",    
        "<all_urls>",
            "*://*/*",
            "tabs",
            "storage", 
            "webRequest",
            "webRequestBlocking",
        "webNavigation",
        "alarms",
        "cookies"
      ]
} 

将按钮的名称保存到chrome存储器(您需要为弹出式html添加新的javascript代码):

向popup.html添加新脚本:

<script src="popup.js"></script>

非常感谢,一切正常
var spicker = "size-picker-";
var sku = "NI112O0J9-A110075000";

//example var sku = "XXXXXXXXX-XXXXXXXXXX";
                 
const sleep = (milliseconds) => {
        return new Promise(resolve => setTimeout(resolve, milliseconds))
}
    
window.addEventListener('load', function () {
    sleep(1).then(() => {
        document.getElementById(spicker + sku).click();
    })
})  
window.onload = function(){
    document.getElementById('Save').onclick = function(){
        var value = document.getElementById('sku').value;
        
        chrome.storage.sync.set({'myLine': value}), function() {
            console.log("you saved me!!");
        });
}
<script src="popup.js"></script>
var spicker = "size-picker-";

const sleep = (milliseconds) => {
        return new Promise(resolve => setTimeout(resolve, milliseconds))
}
    
window.addEventListener('load', function () {
    chrome.storage.sync.get('myLine', function(result){ 
        sleep(1).then(() => {
            document.getElementById(spicker + result.myLine).click();
        })
    });
    
})