Include jQuery in the JavaScript Console

Question

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?

Answer 1

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:

1. Right click the Bookmarks Bar, and click Add Page
2. 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.