I’ve often found, when developing front-end applications, that there are some useful little Javascript bookmarklets that make my life so much easier. In order to not have to keep tracking them down, I figured I’d create a little repository of these bookmarklets that I’ve found. The fact that it might help other developers is an added bonus :)
If you have any more, please send them my way, and I’ll add them to the page.
Bookmarklets
Radio button unchecking:
Unchecks all radio buttons on a page (very useful for testing validation scripts):
javascript:(function(){var inputs = document.getElementsByTagName('input');for(var i = inputs.length-1;i>=0;i--){if(inputs[i].getAttribute('type')==='radio')inputs[i].checked=false}})()
ReCSS:
Reloads all the CSS on the page, on the fly - means you don’t need to reload the entire page to view CSS changes.
javascript:void(function(){var i,a,s;a=document.getElementsByTagName('link');for(i=0;i=0&&s.href) {var h=s.href.replace(/(&|\?)forceReload=d+/,'');s.href=h+(h.indexOf('?')>=0?'&':'?')+'forceReload='+(new Date().valueOf())}}})();
ReclaimPrivacy.org’s Facebook Privacy checker
Checks your privacy settings for your Facebook profile, and alerts you if some of your settings are too public.
javascript:(function(){var script=document.createElement('script');script.src='http://static.reclaimprivacy.org/javascripts/privacyscanner.js';document.getElementsByTagName('head')[0].appendChild(script);})();
Wearepandr’s Colour Bookmark
Determines the colour palette of the web page you’re on.
javascript:location.href='http://wearepandr.com/labs/colour_bookmark?website='+encodeURIComponent(location.href)+'#palette';