Bagaimana untuk Memasukkan jQuery dalam Konsol JavaScript Penyemak Imbas untuk Laman Web Bukan jQuery?

Memasukkan jQuery dalam Konsol JavaScript Penyemak Imbas untuk Tapak Web Bukan jQuery

Memasukkan jQuery dalam konsol JavaScript penyemak imbas boleh berguna untuk menyahpepijat atau mengakses dengan cepat fungsi jQuery. Ini amat membantu pada tapak web yang tidak menggunakan jQuery.

Kaedah:

Untuk memasukkan jQuery dalam konsol JavaScript, cuma jalankan kod berikut:

<code class="javascript">let jq = document.createElement('script');
jq.src = "https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js";
document.getElementsByTagName('head')[0].appendChild(jq);
jQuery.noConflict();</code>

Penjelasan:

• Baris pertama mencipta elemen skrip baharu dan menetapkan sumbernya sebagai URL perpustakaan jQuery.
• Barisan kedua ditambah skrip ke elemen kepala HTML.
• Baris ketiga termasuk jQuery ke dalam konsol dengan memanggil kaedah jQuery.noConflict(). Ini memastikan bahawa mana-mana perpustakaan JavaScript lain pada halaman tidak mengganggu jQuery.

Petua Tambahan:

• Jika tapak web menggunakan skrip yang konflik dengan jQuery, anda mungkin menghadapi masalah.
• Untuk mengelakkan masa menunggu skrip dimuatkan, anda boleh mengubah suai kod seperti berikut:

<code class="javascript">let jq = document.createElement('script');
jq.src = "https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js";
jq.onload = function() {
    jQuery.noConflict();
    console.log('jQuery injected');
};
document.getElementsByTagName('head')[0].appendChild(jq);</code>

• Sebagaimana alternatif, anda boleh membuat penanda halaman dengan kod berikut untuk menyuntik jQuery dengan mudah:

<code class="javascript">javascript: (function(e, s) {
    e.src = s;
    e.onload = function() {
        jQuery.noConflict();
        console.log('jQuery injected');
    };
    document.head.appendChild(e);
})(document.createElement('script'), '//code.jquery.com/jquery-latest.min.js')</code>

Atas ialah kandungan terperinci Bagaimana untuk Memasukkan jQuery dalam Konsol JavaScript Penyemak Imbas untuk Laman Web Bukan jQuery?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!