检测是否已注入 Chrome 扩展内容脚本/内容脚本包含保护

detect if Chrome extension content script has been injected / content script include guard(检测是否已注入 Chrome 扩展内容脚本/内容脚本包含保护)

问题描述

I want to execute a content script function whenever a tab is updated. The problem is that, sometimes the tab update is ajax (without a page reload), while still changing the page's url. Therefore the old content script injected still exists on the page. The result is multiple instances of content script injected and running on the same page.

So, I'm looking for a mechanism to inject a content script, only if no same content script has been injected before. Any ideas?

You can try sending a message to content script (Message Passing). If the content script successfully returns a response then it means that the content script is already there otherwise an empty response is returned, you can check for an empty response and inject the content script.

Background:

chrome.tabs.query({active: true, currentWindow: true}, function(tabs) {
    chrome.tabs.sendMessage(tabs[0].id, {greeting: "hello"}, function(response) {
        if (response) {
            console.log("Already there");
        }
        else {
            console.log("Not there, inject contentscript");
        }
    });
});

ContentScript:

chrome.runtime.onMessage.addListener(
    function(request, sender, sendResponse) {
        if (request.greeting == "hello")
            sendResponse({message: "hi"});
 });

这篇关于检测是否已注入 Chrome 扩展内容脚本/内容脚本包含保护的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持编程学习网！