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