Home » Featured, Mobile Development, Software Development

Adding JQuery to Chrome Developer Tools

5 May 2017 No Comment

JQuery by default is not included in the Chrome Developer Tools.

The below snippet adds the latest version of jQuery to the Chrome Developer Tools.

1. Click F12 to open Chrome Developer Tools
2. Paste the below snippet to add jQuery

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

3. Write the code jQuery(‘body’) to test jQuery.
4. It all works.

Leave your response!

Add your comment below, or trackback from your own site. You can also subscribe to these comments via RSS.

Be nice. Keep it clean. Stay on topic. No spam.

You can use these tags:
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

This is a Gravatar-enabled weblog. To get your own globally-recognized-avatar, please register at Gravatar.

*
To prove you're a person (not a spam script), type the security word shown in the picture. Click on the picture to hear an audio file of the word.
Anti-spam image