问只在网页中注入一次内容脚本
EN

Stack Overflow用户

提问于 2022-11-30 00:33:48

回答 1查看 60关注 0票数 0

我正在尝试在上下文菜单上注入内容脚本，点击扩展清单版本3，我需要检查它是否已经注入。如果没有注入内容脚本，则注入内容脚本。这个条件必须得到满足。有人能帮我吗？

我们可以用

ALREADY_INJECTED_FLAG

但是只能在内容脚本中检查这一点，因此这种方法不能像预期的那样工作。

payload.js(内容脚本)

function extract() {
    
    htmlInnerText = document.documentElement.innerText;
    url_exp = /[-a-zA-Z0-9@:%_\+.~#?&//=]{2,256}\.[a-z]{2,4}\b(\/[-a-zA-Z0-9@:%_\+.~#?&//=]*)?/gi;
    regex =  new RegExp(url_exp)
    list_url = htmlInnerText.match(url_exp)

    ip_exp = /\b\d{1,3}\.\d{1,3}\.\d{1,3}\.\d{1,3}\b/;
    list_ip = htmlInnerText.match(ip_exp)

    hash_exp = /\b[A-Fa-f0-9]{32}\b|\b[A-Fa-f0-9]{40}\b|\b[A-Fa-f0-9]{64}\b/g
    list_hash = htmlInnerText.match(hash_exp)

    chrome.storage.local.set({ list_url: list_url, list_ip: list_ip, list_hash: list_hash });

}

chrome.runtime.sendMessage( extract());

background.js

genericOnClick = async () => {

    // Inject the payload.js script into the current tab after the backdround has loaded
    chrome.tabs.query({ active: true, currentWindow: true }, function (tabs) {
        chrome.scripting.executeScript({
            target: { tabId: tabs[0].id },
            files: ["payload.js"]
        },() => chrome.runtime.lastError);
    });
    

    // Listen to messages from the payload.js script and create output.
    chrome.runtime.onMessage.addListener(async (message) => {
    
        chrome.storage.local.get("list_url", function (data) {
            if (typeof data.list_url != "undefined") {
                urls = data.list_url
            }
        });
        chrome.storage.local.get("list_ip", function (data) {
            if (typeof data.list_ip != "undefined") {
                ips = data.list_ip
            }
        });
        chrome.storage.local.get("list_hash", function (data) {
            if (typeof data.list_hash != "undefined") {
                hashes = data.list_hash;
            }
        });

        
        if ( hashes.length>0 || urls.length>0 || ips.length>0 ){
            chrome.windows.create({url: "output.html", type: "popup", height:1000, width:1000});
        }
    });
}

javascript

google-chrome-extension

content-script

腾讯云会员中心

加入腾讯云会员，每月可领会员专属优惠券；会员云产品免费体验；云产品会员专享价；会员签到抽奖…

回答 1

Stack Overflow用户

回答已采纳

发布于 2022-11-30 05:35:09

在我的第一个上下文菜单上单击

，我只得到一次输出html。第二次单击时，我同样两次获得输出html。

这种行为是由两个因素综合造成的。

第一因素

你打电话给chrome.runtime.onMessage.addListener() You genericOnClick()。因此，每次用户单击上下文菜单项时，代码都会添加一个新的onMessage侦听器。如果将命名函数传递给chrome.runtime.onMessage.addListener()，则不会出现问题，因为命名函数只能为事件注册一次。

function on_message(message, sender, sendResponse) {
    console.log("bg.on_message");
    sendResponse("from bg");
}

chrome.runtime.onMessage.addListener(on_message);