Rozszerzenie Chrome: uruchom przy każdym wczytaniu strony

91

Chcę stworzyć rozszerzenie chrome, które wykonuje niektóre skrypty po załadowaniu jednej strony, nie jestem pewien, czy muszę zaimplementować tę logikę na stronie w tle, czy może to być gdziekolwiek indziej, każda pomoc będzie bardzo mile widziana.

javascript google-chrome google-chrome-extension

— albertosh
źródło

na wszelki wypadek powinien uruchomić skrypt po załadowaniu dowolnej strony w przeglądarce.

— albertosh

@ZloySmiertniy tak, po prostu poszukaj skryptów zawartości, upewnij się również, że w opcji run_at umieścisz document_end, a także w dopasowaniach: musisz określić, do którego adresu URL zostaną wstrzyknięte twoje skrypty.

— albertosh

92

Ze skryptu działającego w tle możesz odsłuchać chrome.tabs.onUpdatedzdarzenie i sprawdzić właściwość changeInfo.statuswywołania zwrotnego. Może być ładowany lub kompletny . Jeśli jest zakończona , wykonaj czynność.

Przykład:

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

    // do your things

  }
})

Ponieważ będzie to prawdopodobnie wywołać na każdym zakończeniu karcie można również sprawdzić, czy karta jest activena swoim jednobrzmiące atrybutu , podobnie jak to:

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

    // do your things

  }
})

— fiatjaf
źródło

8

Uncaught TypeError: Cannot read property 'onUpdated' of undefined

— Green

2

Co? Ta odpowiedź pochodzi sprzed 2 i pół roku. Prawdopodobnie wszystko się teraz zmieniło.

— fiatjaf

1

Do wykonania określonej strony z adresem URL:if (tab.url.startsWith("https://example.com") == false) return;

— Nabi KAZ

47

Jeśli musi być uruchamiany na onloadzdarzeniu strony, co oznacza, że dokument i wszystkie jego zasoby zostały załadowane, musi to znajdować się w skrypcie zawartości osadzonym na każdej stronie, którą chcesz śledzić onload.

— Matchu
źródło

14

Byłoby lepiej, gdyby skrypt zawartości był wstrzykiwany w „document_end”, patrz „run_at” w manifeście content_script:run_at: "document_end"

— Mohamed Mansour,

38

Możesz umieścić swój skrypt w skrypcie zawartości, zobacz

content-script

— Bohdan
źródło

10

Ten kod powinien to zrobić:

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
źródło

czy można użyć wyrażenia regularnego w polu „dopasowania”?

— Bootuz

Tak, patrzhttps://developer.chrome.com/extensions/content_scripts#matchAndGlob

— Dean Meehan