Rumah >hujung hadapan web >tutorial js >Bagaimana untuk Mengesan Penambahan Elemen Baharu dalam Sambungan Penyemak Imbas?

Bagaimana untuk Mengesan Penambahan Elemen Baharu dalam Sambungan Penyemak Imbas?

Linda Hamilton
Linda Hamiltonasal
2024-10-21 08:45:03480semak imbas

How to Detect New Element Additions in Browser Extensions?

Mengesan Penambahan Elemen Halaman dalam Sambungan Penyemak Imbas

Pelanjutan penyemak imbas menghadapi cabaran memantau halaman web dinamik tanpa akses terus kepada kod sumbernya. Mengesan apabila elemen baharu ditambahkan pada halaman adalah penting untuk melaksanakan pelbagai fungsi.

Memantau Penambahan Elemen

Untuk memantau penambahan elemen, seseorang mungkin mempertimbangkan untuk menggunakan setInterval() untuk berulang kali mencari elemen sasaran. Walau bagaimanapun, pendekatan ini tidak cekap, membazirkan sumber CPU.

Peristiwa Mutasi: Pilihan Dihentikan

Peristiwa mutasi pernah digunakan untuk mengesan perubahan DOM, tetapi kini tidak digunakan lagi . Ini menjadikan semakan berterusan sebagai satu-satunya pilihan yang berdaya maju.

Semakan Berterusan

Coretan kod berikut melaksanakan semakan berterusan:

<code class="javascript">function checkDOMChange() {
  // Check for new elements or modifications

  // Recursively call the function every 100 milliseconds
  setTimeout(checkDOMChange, 100);
}</code>

Fungsi ini akan memantau DOM secara berterusan untuk perubahan pada selang 100 milisaat. Ia menyediakan kaedah yang boleh dipercayai untuk mengesan penambahan elemen dalam sambungan penyemak imbas, walaupun dengan potensi implikasi prestasi.

Atas ialah kandungan terperinci Bagaimana untuk Mengesan Penambahan Elemen Baharu dalam Sambungan Penyemak Imbas?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn