chrome.scripting.executeScript 在后台不起作用.js

Question

我正在开发一个chrome扩展，它将输入一些搜索条件，然后触发一个按钮自动检索结果。由于结果不能立即响应，我使用background.js定期检查。

我有两个脚本文件:popup.js和background.js。很奇怪，chrome.scripting.executeScript在pop .js中工作，但在background.js中不起作用

background.js

chrome.runtime.onMessage.addListener(
function(request, sender, sendResponse) {
console.log(request);
console.log(sender.tab ?
"from a content script:" + sender.tab.url :
"from the extension");
let current = request.current;
// store current index in case extension crashed or closed
chrome.storage.sync.set({current});
console.log('current '+current); // i can see the output
// check response periodically
chrome.scripting.executeScript({
target: { tabId: sender.tab.id},
function: ()=>{console.log('hello world');}, // doesn't work
args:[current]
});
}
);

popup.js

let uploadBtn = document.getElementById('upload');
uploadBtn.addEventListener("click", async()=> {
let [tab] = await chrome.tabs.query({ active: true, currentWindow: true });
// should load data from csv
// const ip=['192.168.1.1','192.168.1.2','192.168.1.3'];
let csvInput = document.querySelector('input[type=file]');

// alert(csvInput.files[0]);
// alert(csvInput);
Papa.parse(csvInput.files[0], {
header:true,
complete: function(results) {
const INDEX = 0;
let allIP = results.data;
// store uploaded ip list in case extension crashed
chrome.storage.sync.set({allIP});
chrome.scripting.executeScript({
target: { tabId: tab.id },
function: sendRequest, // worked
args:[INDEX,allIP]
});
}
});
});

function sendRequest(index,allIP){
const BAIDU_SEARCH_BOX = 'kw';
const BAIDU_SEARCH_BTN = 'su';
let textbox = document.getElementById(BAIDU_SEARCH_BOX);
let btn = document.getElementById(BAIDU_SEARCH_BTN);
textbox.value=allIP[index].IP地址;
btn.click();
//send message to background.js
chrome.runtime.sendMessage({current: index}, function(response) {
console.log(response);
if(response.succeeded){
let current = response.current;
if(current > -1){
sendRequest(current,ipList);
} else{
console.log('get all responses, start to analysis...');
}
}else{
console.log('error'+response);
}
});
}

manifest.json

{
"name": "test",
"version": "0.1",
"manifest_version": 3,
"description": "Check IP info automatically",
"action": {
"default_popup": "popup.html"
},
"host_permissions":[
"https://www.baidu.com/",
"http://www.baidu.com/"
],
"background":{
"service_worker":"background.js"
},
"permissions": [
"storage", 
"activeTab", 
"scripting",
"tabs"
]
}

我已经为此挣扎了两天，但没有任何进展，请帮助

Answer 1

下面是我的真实代码:

chrome.runtime.onMessage.addListener(
function(request, sender, sendResponse) {
console.log(sendResponse);
console.log(sender.tab ?
"from a content script:" + sender.tab.url :
"from the extension");
let current = request.current;
// store current index in case extension crashed or closed
chrome.storage.sync.set({current});
console.log('current '+current);
// check reponse periodlly
chrome.scripting.executeScript({
target: { tabId: sender.tab.id},
function: checkResponse, //works
args:[current,ipList]
});
}
);
function checkResponse(current,ipList){
console.log('checkResponse executed ');
const ONE_MINUTE = 1000 * 1;
let interval = setInterval(()=>{
let span = document.querySelector("span.page-item_M4MDr.pc");
if(span){
current++;
chrome.storage.sync.set({current});
clearInterval(interval);
if(current >= ipList.length){
// reach the end of ip list
current = -1;
}          
// eval(callbackName)({succeeded:true ,next:current}); //doesn't work
// since the response is completed, how to notify the message sender (popup.js)
}
},ONE_MINUTE);
}