Wie bekommt man die id von einem Chrome tab?

chrome.tabs.get offenbar nicht in das content-Skript, und andere als das senden es über chrome.extension.sendRequest ich habe keine Ahnung, wie, um den hintergrund reagieren Sie auf die richtige Registerkarte.

Wie kann ich das content-Skript senden von Informationen an den hintergrund der Seite, dann sind die hintergrund-Seite zurückzukehren Informationen zurück zu dem tab, wo kam es aus?

InformationsquelleAutor Anonymous | 2011-03-27

google-chrome-extension

11

BEARBEITEN: diese Antwort ist veraltet und nutzt deprecated-Funktionen. Nutzen Sie bitte andere Antworten statt.

Nun lasst mich Euch erklären, dude 😉

Zunächst das senden einer Nachricht von Ihrem Inhalt-Skript wie dieses :

Inhalt Skript Senden der Nachricht
```
chrome.extension.sendRequest({ action: "WhatYouWant"});
```
Hintergrund Seite - die Meldung und Reaktion
```
chrome.extension.onRequest.addListener(function(request, sender, sendResponse) 
{   

    if(request.action)
    {

        //Make what you want
        chrome.tabs.getSelected(null, function(tabs) {
            chrome.tabs.sendRequest(tabs.id, { action: "response" });
        });     
    }
});
```
ContentScript - Fügen Sie einen listener hinzu
```
chrome.extension.onRequest.addListener(function(request, sender, sendResponse){
    if(request.action)
{
    alert('The response is : ' + request.action);
}
});
```
- Wenn jemand will, um diese Lösung verwenden, achten Sie darauf, dass diese Methode veraltet ist. Chrome verwenden.- Laufzeit.onMessage statt
- chrome.tabs.getSelected ist auch veraltet, da Chrome 33. Bitte verwenden Sie Registerkarten.Abfrage {active: true}. developer.chrome.com/extensions/tabs#method-query
InformationsquelleAutor Sindar

onMessage bietet eine sendResponse - Funktion, die verwendet werden können zum senden einer Antwort direkt an den Absender zurück.

background.js Auszug:

chrome.extension.onMessage.addListener(
    function(message, sender, sendResponse) {
        if ( message.type == 'getTabId' )
        {
            sendResponse({ tabId: sender.tab.id });
        }
    }
);

content_scripts.js Auszug:

var tabId;
chrome.extension.sendMessage({ type: 'getTabId' }, function(res) {
    tabId = res.tabId;
});

InformationsquelleAutor Nate

3

Als Hilfestellung für Personen, welche diese Frage post-2011 habe ich eine Antwort, die verwendet den neueren Konventionen und APIs. Dies ist eine ziemlich beliebte Frage und die akzeptierte Antwort ist etwas veraltet, an dieser Stelle (aber immer noch eine genaue Antwort, trotzdem), also für alle Neulinge dies sollte hoffentlich ein klareres und mehr zutreffende Antwort auf die Frage.

Für den Anfang können Sie eine Nachricht senden, aus dem Inhalt Skript mit chrome.- Laufzeit.sendMessage. Dies wird unterschiedslos die Nachricht zu senden, wenn eine runtime-Ereignis Eintritt (d.h. die browser-Aktion geklickt wird). Es wird in etwa so Aussehen:

content.js
```
chrome.runtime.sendMessage({ from: 'content', message: 'info to send' });
```
Da müssen Sie die Kommunikation mit einem event-Seite (in übereinstimmung mit neueren Konventionen, auf der event-Seite ist die bevorzugte Wahl über das persistent hintergrund-Seite) zu greifen, Informationen über die aktive Registerkarte (vorausgesetzt, Sie wollen einfach nur die tab-id), können Sie tatsächlich greifen, dass die Informationen durch das hinzufügen einer runtime Ereignis-listener und eine überprüfung der sender parameter. Es wird in etwa so Aussehen:

event.js
```
chrome.runtime.onMessage.addListener(function(request, sender, sendResponse) {
  if (request.from == 'content') {
    //tabId will hold the sender tab's id value
    var tabId = sender.tab.id;
    sendResponse({ from: 'event', message: 'any info to send back', tabId: tabId });
}});
```
Jedoch, da müssen wir liefern diese Informationen zurück zum Inhalt Skript, wir müssen zurück zu gehen und fügen Sie eine callback-handler zu chrome.- Laufzeit.sendMessage. Es wird jetzt wie folgt Aussehen:

content.js
```
chrome.runtime.sendMessage({ from: 'content', message: 'info to send' }, function(callbackResponse) {
  if (callbackResponse.from == 'event') {
    //do what you need to do in here
    console.log(callbackResponse.tabId);
  }
});
```
Diesem setup können Sie nun weitergeben einfache, one-time-Nachrichten von content.js zu event.js, wo event.js bietet Informationen zurück content.js.

Wieder, dies ist nur eine aktualisierte version der akzeptierten Antwort für diejenigen, die gerne ein Beispiel, wie der neue Ansatz funktioniert.

InformationsquelleAutor nburr

≪Erhalten tab id≫ vollständiges Beispiel ▼

(Wahrheit: deutlichste vollständigen Definitionen: Beispiele mit.)

≪manifest.json≫:

{"manifest_version":2, "name":"My Cool Extension", "version":"0.1",
"content_scripts":[{"matches":["<all_urls>"],
                   "js":["content.js"]
                   }
                  ],
"background":{"scripts":["bg.js"]}
}

≪bg.js≫:

chrome.runtime.onMessage.addListener((msg, sender_info, Reply)=> {
    Reply(sender_info);
});

≪Inhalt.js≫:

chrome.runtime.sendMessage('', (r)=> {
    console.log('content.js', 'r.tab.id', r.tab.id);
});

Reload-Erweiterung, gehen Sie eine Registerkarte, die Seite aktualisieren, warten, überprüfen ≪Inhalt.js≫ oks, warten, überprüfen Sie die cb-oks, warten, überprüfen ≪Konsole.log≫ oks, z.B.:

Wie bekommt man die id von einem Chrome tab?

Überprüfen ▼

Vollständigen patch–:

≪bg.js≫:

console.log('bg.js, start');
chrome.runtime.onMessage.addListener((msg, sender_info, Reply)=> {
    console.log('bg.js, start, cb chrome.runtime.onMessage.addListener');
    console.log('bg.js', 'sender_info', sender_info);
    console.log('bg.js', 'sender_info.id', sender_info.id);
    console.log('bg.js', 'sender_info.url', sender_info.url);
    console.log('bg.js', 'sender_info.frameId', sender_info.frameId);
    console.log('bg.js', 'sender_info.tlsChannelId', sender_info.tlsChannelId);
    console.log('bg.js', 'sender_info.tab', sender_info.tab);
    console.log('bg.js', 'sender_info.tab.url', sender_info.tab.url);
    console.log('bg.js', 'sender_info.tab.favIconUrl', sender_info.tab.favIconUrl);
    console.log('bg.js', 'sender_info.tab.title', sender_info.tab.title);
    console.log('bg.js', 'sender_info.tab.incognito', sender_info.tab.incognito);
    console.log('bg.js', 'sender_info.tab.status', sender_info.tab.status);
    console.log('bg.js', 'sender_info.tab.width', sender_info.tab.width);
    console.log('bg.js', 'sender_info.tab.height', sender_info.tab.height);
    console.log('bg.js', 'sender_info.tab.id', sender_info.tab.id);
    console.log('bg.js', 'sender_info.tab.windowId', sender_info.tab.windowId);
    console.log('bg.js', 'sender_info.tab.sessionId', sender_info.tab.sessionId);
    console.log('bg.js', 'sender_info.tab.openerTabId', sender_info.tab.openerTabId);
    console.log('bg.js', 'sender_info.tab.pinned', sender_info.tab.pinned);
    console.log('bg.js', 'sender_info.tab.audible', sender_info.tab.audible);
    console.log('bg.js', 'sender_info.tab.mutedInfo', sender_info.tab.mutedInfo);
    console.log('bg.js', 'sender_info.tab.mutedInfo.muted', sender_info.tab.mutedInfo.muted);
    console.log('bg.js', 'sender_info.tab.mutedInfo.extensionId', sender_info.tab.mutedInfo.extensionId);
    console.log('bg.js', 'sender_info.tab.mutedInfo.reason', sender_info.tab.mutedInfo.reason);
    console.log('bg.js', 'sender_info.tab.highlighted', sender_info.tab.highlighted);
    console.log('bg.js', 'sender_info.tab.active', sender_info.tab.active);
    console.log('bg.js', 'sender_info.tab.discarded', sender_info.tab.discarded);
    console.log('bg.js', 'sender_info.tab.autoDiscardable', sender_info.tab.autoDiscardable);
    Reply(sender_info);
    console.log('bg.js, end, cb chrome.runtime.onMessage.addListener');
});
console.log('bg.js, end');

≪Inhalt.js≫:

console.log('content.js, start');
chrome.runtime.sendMessage('', (r)=> {
    console.log('content.js, start, cb chrome.runtime.sendMessage');
    console.log('content.js', 'r', r);
    console.log('content.js', 'r.id', r.id);
    console.log('content.js', 'r.url', r.url);
    console.log('content.js', 'r.frameId', r.frameId);
    console.log('content.js', 'r.tlsChannelId', r.tlsChannelId);
    console.log('content.js', 'r.tab', r.tab);
    console.log('content.js', 'r.tab.url', r.tab.url);
    console.log('content.js', 'r.tab.favIconUrl', r.tab.favIconUrl);
    console.log('content.js', 'r.tab.title', r.tab.title);
    console.log('content.js', 'r.tab.incognito', r.tab.incognito);
    console.log('content.js', 'r.tab.status', r.tab.status);
    console.log('content.js', 'r.tab.width', r.tab.width);
    console.log('content.js', 'r.tab.height', r.tab.height);
    console.log('content.js', 'r.tab.id', r.tab.id);
    console.log('content.js', 'r.tab.windowId', r.tab.windowId);
    console.log('content.js', 'r.tab.sessionId', r.tab.sessionId);
    console.log('content.js', 'r.tab.openerTabId', r.tab.openerTabId);
    console.log('content.js', 'r.tab.pinned', r.tab.pinned);
    console.log('content.js', 'r.tab.audible', r.tab.audible);
    console.log('content.js', 'r.tab.mutedInfo', r.tab.mutedInfo);
    console.log('content.js', 'r.tab.mutedInfo.muted', r.tab.mutedInfo.muted);
    console.log('content.js', 'r.tab.mutedInfo.extensionId', r.tab.mutedInfo.extensionId);
    console.log('content.js', 'r.tab.mutedInfo.reason', r.tab.mutedInfo.reason);
    console.log('content.js', 'r.tab.highlighted', r.tab.highlighted);
    console.log('content.js', 'r.tab.active', r.tab.active);
    console.log('content.js', 'r.tab.discarded', r.tab.discarded);
    console.log('content.js', 'r.tab.autoDiscardable', r.tab.autoDiscardable);
    console.log('content.js, end, cb chrome.runtime.sendMessage');
});
console.log('content.js, end');

InformationsquelleAutor Pacerier

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.