使用Chrome扩展在特定网站上执行JavaScript

使用Chrome扩展在特定网站上执行JavaScript,javascript,google-chrome-extension,Javascript,Google Chrome Extension,为了改进我的工作流程,我正在尝试创建一个小的Chrome扩展,它将在包含URL中特定字符串的网站上运行JS脚本。我从未使用过JS,而且我是一个相当缺乏经验的爱好者,所以这段代码可能没有什么意义 onInstalled事件是在没有问题的情况下执行的,但是我无法得到正确触发的OnUpdate 以下是所有文件: hide.js chrome.runtime.onInstalled.addListener(() => { console.log('Extension initialized

为了改进我的工作流程,我正在尝试创建一个小的Chrome扩展,它将在包含URL中特定字符串的网站上运行JS脚本。我从未使用过JS,而且我是一个相当缺乏经验的爱好者,所以这段代码可能没有什么意义

onInstalled事件是在没有问题的情况下执行的,但是我无法得到正确触发的OnUpdate

以下是所有文件:

hide.js

chrome.runtime.onInstalled.addListener(() => {
    console.log('Extension initialized');
});

chrome.tabs.onUpdated.addListener(() => {
    chrome.tabs.query({active: true, currentWindow: true}, function(tabs) {
        var activeTab = tabs[0];
        var tabUrl = activeTab.url;
     });
     if(tabUrl.includes('website')){
        chrome.scripting.executeScript({target: {tabId: activeTab.id}, function: code()});
     }
});
function code(){
    console.log('code executed')
}
manifest.json

{
    "manifest_version": 3,
    "name": "Hide",
    "version": "0.1",
    "background": {
        "service_worker": "hide.js"
    },
    "permissions": ["storage", "tabs", "scripting"]
}

若您只想运行自定义JS,那个么从中直接运行a可能会更容易一些-box@CertainPerformance非常感谢,没想到会有这样的扩展。我将对此进行研究,虽然它可能会解决我的问题,但为了学习起见,我仍然希望使此扩展正常工作。有两个错误:1)不使用查询,使用传递给侦听器的参数,2)它是异步的,因此必须在回调中使用值。无论如何,有一个简单得多的解决方案,那就是删除后台脚本并声明一个。