Bagaimanakah saya boleh melaksanakan skrip Greasemonkey beberapa kali pada halaman yang sama tanpa muat semula?

Menyuntik Skrip Greasemonkey Berbilang Kali pada Halaman Yang Sama

Bagi pengguna baharu Greasemonkey dan JavaScript, keperluan biasa timbul apabila skrip pengguna perlu dilaksanakan beberapa kali tanpa muat semula halaman. Senario ini menjadi penting apabila permintaan, seperti carian Amazon, berlaku menggunakan Ajax tanpa mencetuskan muat semula halaman yang lengkap.

Penyelesaian: Menggunakan Utiliti waitForKeyElements()

Untuk menangani keperluan ini dengan berkesan, utiliti waitForKeyElements() menawarkan penyelesaian yang mantap dan mudah. Utiliti ini memantau elemen tertentu dan melaksanakan fungsi panggil balik apabila kandungan elemen berubah. Di bawah ialah skrip lengkap yang memanfaatkan jQuery dan waitForKeyElements untuk mengubah suai hasil carian Amazon:

// @name     _Amazon Search, alter results
// @include  http://www.amazon.com/s/*
// @require  http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js
// @require  https://gist.github.com/raw/2625891/waitForKeyElements.js
// @grant    GM_addStyle
// ==/UserScript==

function addCustomSearchResult (jNode) {
    jNode.prepend (
        '<div>

Butiran Pelaksanaan:

• waitForKeyElements() Utiliti : Utiliti ini menyemak kehadiran elemen dengan ID "atfResults." Apabila ditemui, ia melaksanakan fungsi addCustomSearchResult().
• addCustomSearchResult() Fungsi: Fungsi ini mengubah suai hasil carian Amazon dengan menyuntik kandungan tersuai anda. Dalam contoh ini, ia menambah div tersuai dengan teks "Beli barangan saya, sebaliknya!" ke permulaan setiap baris hasil.

Menggunakan penyelesaian ini, anda kini boleh melaksanakan skrip Greasemonkey anda berbilang kali pada halaman yang sama tanpa muat semula, memberikan anda lebih fleksibiliti dan kawalan ke atas interaksi penyemak imbas anda.

Atas ialah kandungan terperinci Bagaimanakah saya boleh melaksanakan skrip Greasemonkey beberapa kali pada halaman yang sama tanpa muat semula?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!