Heim > Web-Frontend > js-Tutorial > Hauptteil

Wie übergebe ich Parameter an eingefügte Inhaltsskripte in Chrome-Erweiterungen?

Mary-Kate Olsen
Freigeben: 2024-10-28 07:19:30
Original
573 Leute haben es durchsucht

How to Pass Parameters to Injected Content Scripts in Chrome Extensions?

Übergabe von Parametern an eingefügte Inhaltsskripte mithilfe von chrome.tabs.executeScript()

Beim Einfügen von Inhaltsskripten mithilfe von chrome.tabs.executeScript(tab.id, {file: „content.js“}), gibt es keine direkte Möglichkeit, Parameter an das Skript zu übergeben. Sie können diese Funktionalität jedoch mit zwei alternativen Methoden implementieren:

Parameter vor der Ausführung festlegen

Um Variablen vor der Ausführung des Inhaltsskripts zu definieren, verschachteln Sie chrome.tabs.executeScript-Aufrufe wie unten gezeigt:

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

Verwenden Sie für komplexe Variablen JSON.stringify, um ein Objekt in einen String zu konvertieren:

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'});
});
Nach dem Login kopieren

Greifen Sie in content.js mit warning('Example:' config); auf die Variablen zu. .

Parameter nach der Ausführung festlegen

Um Parameter nach der Ausführung festzulegen, verwenden Sie die Nachrichtenübermittlungs-API:

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

In content.js mit chrome.runtime auf Nachrichten warten .onMessage.addListener(function(message, sender, sendResponse) { // Nachricht verarbeiten });. Die Nachricht enthält den Parameterwert.

Das obige ist der detaillierte Inhalt vonWie übergebe ich Parameter an eingefügte Inhaltsskripte in Chrome-Erweiterungen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Artikel des Autors
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!