Chrome-Erweiterung: Lassen Sie es bei jedem Laden der Seite ausführen

89

Ich möchte eine Chrome-Erweiterung erstellen, die einige Skripte ausführt, nachdem eine Seite geladen wurde. Ich bin mir nicht sicher, ob ich diese Logik auf der Hintergrundseite implementieren muss oder woanders, jede Hilfe hier wird sehr geschätzt.

javascript google-chrome google-chrome-extension

— Albertosh
quelle

Nur für den Fall, dass das Skript ausgeführt wird, nachdem eine Seite in den Browser geladen wurde.

— Albertosh

@ZloySmiertniy ja, suchen Sie einfach nach Inhaltsskripten und stellen Sie sicher, dass Sie in der Option run_at document_end und auch in Übereinstimmungen eingeben: Sie müssen angeben, in welche URLs Ihre Skripte eingefügt werden.

— Albertosh

91

Über ein Hintergrundskript können Sie das chrome.tabs.onUpdatedEreignis abhören und die Eigenschaft changeInfo.statusdes Rückrufs überprüfen . Es kann geladen oder abgeschlossen werden . Wenn es abgeschlossen ist , führen Sie die Aktion aus.

Beispiel:

chrome.tabs.onUpdated.addListener( function (tabId, changeInfo, tab) {
  if (changeInfo.status == 'complete') {

    // do your things

  }
})

Da dies wahrscheinlich bei jedem Tab-Abschluss ausgelöst wird, können Sie auch überprüfen, ob sich der Tab activein seinem gleichnamigen Attribut befindet , wie folgt :

chrome.tabs.onUpdated.addListener( function (tabId, changeInfo, tab) {
  if (changeInfo.status == 'complete' && tab.active) {

    // do your things

  }
})

— Fiatjaf
quelle

7

Uncaught TypeError: Cannot read property 'onUpdated' of undefined

— Grün

2

Was? Diese Antwort stammt von vor zweieinhalb Jahren. Wahrscheinlich hat sich jetzt alles geändert.

— Fiatjaf

1

Für bestimmte URL-Seite:if (tab.url.startsWith("https://example.com") == false) return;

— Nabi KAZ

47

Wenn es auf dem onloadEreignis der Seite ausgeführt werden muss, was bedeutet, dass das Dokument und alle seine Assets geladen wurden, muss dies in einem Inhaltsskript enthalten sein, das in jede Seite eingebettet ist, für die Sie nachverfolgen möchten onload.

— Matchu
quelle

14

Es wäre besser, das Inhaltsskript bei "document_end" einfügen zu lassen, siehe "run_at" im content_script-Manifest:run_at: "document_end"

— Mohamed Mansour

38

Sie können Ihr Skript in ein Inhaltsskript einfügen, siehe

Inhaltsskript

— Bohdan
quelle

9

Dieser Code sollte es tun:

manifest.json

   {
      "name": "Alert 'hello world!' on page opening",
      "version": "1.0",
      "manifest_version": 2,
      "content_scripts": [
        {
          "matches": [
            "<all_urls>"
          ],
          "js": ["content.js"]
        }
      ]
    }

content.js

alert('Hello world!')

— Evan Ross
quelle

Ist es möglich, Regexp im Feld "Übereinstimmungen" zu verwenden?

— Bootuz

Ja, siehehttps://developer.chrome.com/extensions/content_scripts#matchAndGlob

— Dean Meehan