HiveBrain v1.2.0
Get Started
← Back to all entries
patternjavascriptCritical

Include jQuery in the JavaScript Console

Submitted by: @import:stackoverflow-api··
0
Viewed 0 times
jqueryconsoletheincludejavascript

Problem

Is there an easy way to include jQuery in the Chrome JavaScript console for sites that do not use it? For example, on a website I would like to get the number of rows in a table. I know this is really easy with jQuery.

$('element').length;


The site does not use jQuery. Can I add it in from the command line?

Solution

Run this in your browser's JavaScript console, then jQuery should be available...
var 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);
// ... give time for script to load, then type (or see below for non wait option)
jQuery.noConflict();


NOTE: if the site has scripts that conflict with jQuery (other libs, etc.) you could still run into problems.
Update:

Making the best better, creating a Bookmark makes it really convenient, let's do it, and a little feedback is great too:

  • Right click the Bookmarks Bar, and click Add Page



  • Name it as you like, e.g. Inject jQuery, and use the following line for URL:



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')

Below is the formatted code:
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')


Here the official jQuery CDN URL is used, feel free to use your own CDN/version.

Context

Stack Overflow Q#7474354, score: 1599

Revisions (0)

No revisions yet.