时间戳

首页 > 解决方案 > 使用 Chrome 扩展在特定网站上执行 JavaScript

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

问题描述

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

onInstalled 事件的执行没有问题，但我无法让 onUpdated 正确触发。

以下是所有文件：

隐藏.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')
}

清单.json

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

标签： javascriptgoogle-chrome-extension

解决方案

推荐阅读