25 brilliant bookmarklets to boost your browsing
Boost your productivity with these simple JavaScript applets
Most modern browsers have been around for years, so you might think the developers would have perfected them by now.
Yet every time you go online you'll probably run into a host of browsing problems, from navigation issues, to pages you can't read clearly, and disorganised sites where it's difficult to find the information you need.
But you don't have to live with these hassles - most can be fixed with the right browsing bookmarklet. Here's an example. You're browsing a web page, and need to find a contact email address. Normally you'll scroll up and down, looking for links, and eventually you might spot one. Tedious, isn't it?
To try something simpler, first create a favourite to hold the bookmarklet applet (click Favorites > Add to Favorites in IE, Bookmarks > Bookmark this Page in Firefox).
Right-click it, and select Properties.
Change the description to "Find email".
Then replace its URL with the following JavaScript code.
Get daily insight, inspiration and deals in your inbox
Sign up for breaking news, reviews, opinion, top tech deals, and more.
javascript:(function(){if(frames.length>1)alert('Sorry,%20frames%20detected.');else{wnd=open('','lnkswnd','width=300,height=200,top=0,left=0,scrollbars,resizable');lnks=document.links;with(wnd.document){writeln('');for(var%20i=0;i
(Source: subsimple.com)
Save the changes and you're done.
(Alternatively, open this HTML file. It contains direct links to the bookmarklets - something we can't do on this site for security reasons - which you can simply drag and drop onto your favourites bar.)
Now just click the bookmarklet to list all the email links on this page. This won't work everywhere, but then it only takes a single click to find out, and in the long run it'll definitely save you time.
Give the "find email" applet a try, then, but don't spend too long on it - we've 24 other productivity-boosting bookmarklets for you to try, and they start right here.
Accessibility bookmarklets
It's fun to explore your friends' personal web pages. Unless, that is, they're utterly clueless about web design, and use a mix of coloured text and intrusive background images that makes the page almost impossible to read.
Set background to black
javascript:void(document.bgColor='#FFFFFF')
Set background to white
javascript:void(document.bgColor='#000000')
Remove background image
javascript:void(document.body.background='')
Fortunately there are some very easy solutions. These accessibility bookmarklets, for instance, can change the background colour or remove images in a single click (though they may not all work if the page uses frames). Paste the JavaScript code into a favourite to give them a try.
Zap images
javascript:(function(){function%20toArray%20(c){var%20a,%20k;a=new%20Array;for%20(k=0;%20k%20%3C%20c.length;%20++k)a[k]=c[k];return%20a;}var%20images,%20img,%20altText;images=toArray(document.images);for%20(var%20i=0;%20i%20%3C%20images.length;%20++i){img=images[i];altText=document.createTextNode(img.alt);img.parentNode.replaceChild(altText,%20img)}})();
(Source: omnigroup.com)
This bookmarklet removes all embedded content from a page: Flash ads, media players, Java applets and more. Refresh the page to bring them back.
Zap plugins
javascript:(function(){function%20R(w){try{var%20d=w.document,j,i,t,T,N,b,r=1,C;for(j=0;t=[%22object%22,%22embed%22,%22applet%22,%22iframe%22][j];++j){T=d.getElementsByTagName(t);for(i=T.length-1;(i+1)&&(N=T[i]);--i)if(j!=3||!R((C=N.contentWindow)?C:N.contentDocument.defaultView)){b=d.createElement(%22div%22);b.style.width=N.width;%20b.style.height=N.height;b.innerHTML=%22%3Cdel%3E%22+(j==3?%22third-party%20%22+t:t)+%22%3C/del%3E%22;N.parentNode.replaceChild(b,N);}}}catch(E){r=0}return%20r}R(self);var%20i,x;for(i=0;x=frames[i];++i)R(x)})();
(Source: omnigroup.com)
If you find yourself squinting at a spidery font then use the following bookmarklets to change to something more readable.
Change font to Verdana
javascript:void(document.body.style.fontFamily='verdana')
Change font to Arial
javascript:void(document.body.style.fontFamily='arial')
Tidy Read
javascript:(function(){var%20s=document.createElement(%22scr%22+%22ipt%22);s.charset=%22UTF-8%22;s.language=%22javascr%22+%22ipt%22;s.type=%22text/javascr%22+%22ipt%22;s.src=%22http://www.tidyread.com/tidyread.js%22;document.body.appendChild(s)})();
(Source: labnol.org)
This bookmarklet uses the TidyRead site to rework a poorly formatted web page to make it easier to follow. It's drastic and occasionally makes things worse, but is worth a try as a last resort.
READABLE MYSPACE: Zap flash ads, remove pictures, change background colours - and even the worst MySpace page becomes readable
Mike is a lead security reviewer at Future, where he stress-tests VPNs, antivirus and more to find out which services are sure to keep you safe, and which are best avoided. Mike began his career as a lead software developer in the engineering world, where his creations were used by big-name companies from Rolls Royce to British Nuclear Fuels and British Aerospace. The early PC viruses caught Mike's attention, and he developed an interest in analyzing malware, and learning the low-level technical details of how Windows and network security work under the hood.