Comment transmettre des paramètres aux scripts de contenu injectés dans les extensions Chrome ?

Passer des paramètres aux scripts de contenu injectés à l'aide de chrome.tabs.executeScript()

Lors de l'injection de scripts de contenu à l'aide de chrome.tabs.executeScript(tab.id, {file: "content.js"}), il n'existe aucun moyen direct de transmettre des paramètres au script. Cependant, vous pouvez implémenter cette fonctionnalité en utilisant deux méthodes alternatives :

Définition des paramètres avant l'exécution

Pour définir des variables avant d'exécuter le script de contenu, imbriquez les appels chrome.tabs.executeScript comme indiqué ci-dessous :

chrome.tabs.executeScript(tab.id, {
    code: 'var config = 1;'
}, function() {
    chrome.tabs.executeScript(tab.id, {file: 'content.js'});
});

Pour les variables complexes, utilisez JSON.stringify pour convertir un objet en chaîne :

var config = {somebigobject: 'complicated value'};
chrome.tabs.executeScript(tab.id, {
    code: 'var config = ' + JSON.stringify(config)
}, function() {
    chrome.tabs.executeScript(tab.id, {file: 'content.js'});
});

Dans content.js, accédez aux variables en utilisant alert('Example:' config); .

Définition des paramètres après l'exécution

Pour définir les paramètres après l'exécution, utilisez l'API de transmission de messages :

chrome.tabs.executeScript(tab.id, {file: 'content.js'}, function() {
    chrome.tabs.sendMessage(tab.id, 'whatever value; String, object, whatever');
});

Dans content.js, écoutez les messages à l'aide de chrome.runtime .onMessage.addListener(function(message, sender, sendResponse) { // Gérer le message });. Le message contiendra la valeur du paramètre.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!