Bagaimana untuk Menangkap Perubahan URL dengan Cekap dalam Skrip Greasemonkey Menggunakan MutationObservers?

Merakam Perubahan URL dalam Skrip Greasemonkey

Dalam skrip Greasemonkey, pemantauan pengubahsuaian URL menggunakan acara selalunya diperlukan. Walau bagaimanapun, kaedah pengundian atau tamat masa mungkin tidak sesuai. Berikut ialah penyelesaian yang menggunakan MutationObservers untuk mengesan dan mengendalikan perubahan URL dengan lancar.

Untuk melaksanakan pendekatan ini, ikut langkah berikut:

1. Memulakan Pembolehubah Rujukan DOM:

   • Mulakan pembolehubah untuk menyimpan URL asal: var oldHref = document.location.href;
   • Pilih elemen badan untuk pemantauan MutationObserver: var bodyList = document.querySelector( 'badan');

2. Buat MutationObserver:

   • Segera MutationObserver dengan fungsi panggil balik yang tercetus apabila Perubahan URL: var observer = new MutationObserver(function(mutations) { ... });

3. Konfigurasikan MutationObserver Options:

   • Konfigurasikan pemerhati untuk memantau perubahan anak dan perubahan subpokok: var config = { childList: true, subtree: true };

4. Tambahkan Pemerhati ke DOM :

   • Mula memerhati elemen badan untuk perubahan: observer.observe(bodyList, config);

5. Kendalikan URL Perubahan dalam Panggilan Balik:

   • Dalam panggilan balik pemerhati, semak perubahan URL dan lakukan tindakan yang diperlukan: jika (oldHref != document.location.href) { ... }

Penyelesaian ini memanfaatkan MutationObservers, yang menyediakan cara yang cekap untuk memantau perubahan DOM, termasuk yang terhasil daripada pengubahsuaian URL. Ia mengelakkan kaedah pengundian atau tamat masa, memastikan pengesanan masa nyata perubahan URL dan akses kepada DOM dokumen yang menunjuk ke URL yang diubah suai.

Atas ialah kandungan terperinci Bagaimana untuk Menangkap Perubahan URL dengan Cekap dalam Skrip Greasemonkey Menggunakan MutationObservers?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!