Home >Web Front-end >JS Tutorial >How to Include jQuery in Browser JavaScript Console for Non-jQuery Websites?
Including jQuery in Browser JavaScript Console for Non-jQuery Websites
Including jQuery in a browser's JavaScript console can be useful for debugging or quickly accessing jQuery functions. This is particularly helpful on websites that do not use jQuery.
Method:
To include jQuery in the JavaScript console, simply run the following code:
<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>
Explanation:
Additional Tips:
<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>
<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>
The above is the detailed content of How to Include jQuery in Browser JavaScript Console for Non-jQuery Websites?. For more information, please follow other related articles on the PHP Chinese website!