Ekstensi Chrome: Jalankan setiap pemuatan halaman

91

Saya ingin membuat ekstensi chrome yang menjalankan beberapa skrip setelah satu halaman dimuat, saya tidak yakin apakah saya harus menerapkan logika ini di halaman latar belakang atau bisa di tempat lain, bantuan apa pun di sini akan sangat dihargai.

javascript google-chrome google-chrome-extension

— albertosh.dll
sumber

untuk berjaga-jaga, itu harus menjalankan skrip setelah halaman apa pun dimuat di browser.

— albertosh

@ZloySmiertniy ya, cari saja skrip konten, juga pastikan bahwa di opsi run_at Anda meletakkan document_end dan juga di pertandingan: Anda perlu menentukan di url mana skrip Anda akan disuntikkan.

— albertosh

92

Dari skrip latar belakang Anda dapat mendengarkan chrome.tabs.onUpdatedacara dan memeriksa properti changeInfo.statusdi callback. Itu bisa memuat atau selesai . Jika sudah selesai , lakukan aksinya.

Contoh:

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

    // do your things

  }
})

Karena ini mungkin akan memicu pada setiap penyelesaian tab, Anda juga dapat memeriksa apakah tab tersebut activepada atribut homonymous -nya , seperti ini:

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

    // do your things

  }
})

— fiatjaf
sumber

8

Uncaught TypeError: Cannot read property 'onUpdated' of undefined

— Hijau

2

Apa? Jawaban ini dari 2 setengah tahun yang lalu. Segalanya mungkin telah berubah sekarang.

— fiatjaf

1

Untuk melakukan halaman url spesifik:if (tab.url.startsWith("https://example.com") == false) return;

— Nabi KAZ

47

Jika perlu dijalankan pada onloadevent halaman, yang berarti bahwa dokumen dan semua asetnya telah dimuat, ini harus berada dalam skrip konten yang disematkan di setiap halaman yang ingin Anda lacak onload.

— Matchu
sumber

14

Akan lebih baik jika skrip konten dimasukkan ke "document_end" lihat "run_at" dalam manifes content_script:run_at: "document_end"

— Mohamed Mansour

38

Anda dapat memasukkan skrip Anda ke dalam skrip konten, lihat

konten-script

— Bohdan
sumber

11

Kode ini harus melakukannya:

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
sumber

apakah mungkin menggunakan ekspresi reguler dalam bidang "kecocokan"?

— Bootuz

Ya, lihathttps://developer.chrome.com/extensions/content_scripts#matchAndGlob

— Dean Meehan