Last Updated: February 25, 2016
·
662
· Kresimir Pendic

Google Chrome inspector tricks

Append jquery to any page in inspector:

javascript:if(!window.jQuery)(function(d,s){s=d.createElement('script');s.src='https://ajax.googleapis.com/ajax/libs/jquery/1.8/jquery.js';(d.head||d.documentElement).appendChild(s)})(document);

When you debug some element that have jquery loaded .. you can test some element live, with inspector... in javascript console

$('#element').val('testing...')

Set all links on page to #,, so if your messing with a code and elements you do not click and be pulled away from code that you edited

$('a').attr('href','#');

cheers