Guide to Most Useful Bookmarklets for Chrome, Firefox, Safari, etc.

This guide will help you understand the advantages of bookmarklets over add-ons, how to install bookmarklets followed by a list of essential bookmarklets that should work across all popular browsers including Google Chrome, Firefox, Opera, IE and Safari.

Why Use Bookmarklet over Add-ons

If you were to choose between a bookmarklet and a browser add-on, both offering similar functionality, here are a couple of reasons why you may want to go with bookmarklets:

1. Add-ins are browser specific so tomorrow if you decide to move from Firefox to Opera or Google Chrome, your favorite add-ins will no longer work. On the other hand, a bookmarklet written for Firefox is very likely to work with Safari or IE.

2. Some add-ins can break (or won’t install at all) if you try installing them on a newer version of the browser. And this is a big problem considering that new browser patches are released every couple of months.

3. Unlike add-ins that require installation, you can add and remove bookmarklets without restarting the browser.

4. Poorly coded add-ins can significantly slow down your browser while bookmarklets have negligible (if any) effect on memory usage as they are executed on-demand.

How to Install Bookmarklets

If you are new here, the following video will help you understand how to install bookmarklets in your browser bookmarks toolbar – it’s as simple as dragging a link from the web page to the bookmarks region.

 

The above video is for the notebook bookmarklet but the technique is the same for other bookmarklets as well.

The Best Bookmarklets for Web Browsers

Now that you know the benefits of using a bookmarklet and how easy it is to add one to your own browser bookmarks, let me share some of my favorite bookmarklets that are both useful and powerful:

Twitter Reactions – This helps me track all recent conversations (tweets) on Twitter that have linked to the web page that I am currently reading in my browser (also see Twitter Guide).

In Techmeme? – If I come across a new tech blog, I use this Techmeme bookmarklet to discover stories from that site that may have made it to Techmeme in the past. This indicator can help decide if I should add that site to my reading list or not.

Capture Screenshot – This helps me capture screenshots of web pages directly in the web browser that I can directly upload to Flickr, Blogger, Evernote and other online services.

ToRead.cc – With ToRead, you can send web pages by email in a single click. This elegant bookmarklet includes your email address so the web page will directly reach your inbox and you don’t have to type any address or fill form anywhere.

Short URL – This is too obvious but still a must-have bookmarklet. It lets you create short URLs for any site using bit.ly, a service that is far better than TinyURL as it offers real-time click statistics.

To English – If I come across a web page that includes words not written in English, this bookmarklet will automatically detect the source language of that page and translate the full page (or specific words) into English for me using Google Translate.

Readability – Another must-have bookmarklet that helps you read web articles distraction free. You can format pages like a newspaper or an ebook with clean background and large font styles.

Resize Page – This is handy for tech bloggers who frequently capture screenshots of web browsers. You can tweak the height and width field in the bookmarklet and take screenshots of a consistent size for uploading on your blog.

Show Password – This will unmask the real characters of an auto-fill password that are otherwise hidden behind asterisks in the password field of a web page. Only works if the password associated with that site is saved in the browser.

Show RSS Feed – If your web browser has trouble detecting the RSS feed associated with a site, try this bookmarklet. It will not only show you the full contents of that feed but also give you options to subscribe in your favorite newsreader.

Edit Website – This bookmarklet help me edit web pages as if I were editing some page on a open wiki. The changes are of course lost when you reload the page.

PrintWhatYouLike – A brilliant bookmarklet that helps you format web pages for printing. You can save changes locally as a PDF file (more ways to reduce printing costs).

GMail This! – Select some text on the webpage and click the Gmail bookmarklet to compose a new email message pre-populated with the selected text.

Get Long URLs – Short URLs generated by TinyURL and other URL shortening services say little about the landing site but this bookmarklet can rewrite all short links on a web page so you know exactly where those links are pointing to.

Tidy Read – This will reformat the current web page into a printer friendly format. It actually changes the default CSS style of a site and renders it again using the print stylesheet. Great for reading cluttered web pages.

Sitonomy – This will help you know which technologies are used on a particular site. You’ll know about the site’s advertising partners, their web stats program, what web server are they running and more. Information provided by Siteonomy.

Download PDF – I use this bookmarklet to download web pages in PDF format – the printed files are light and useful in situations where I have to send the full web page via email.

Aardvark – An excellent bookmarklet to help you unravel the mystery behind web page design. Click any paragraph, image, table or any other element of a web page to determine it’s HTML source, image dimensions and other properties.

Google Trends – This bookmarklet will help you quickly determine the relative popularity (web traffic) of any web site using the Google Trends for websites service.

Delicious Talk – See how many people have saved a particular page on delicious and what tags have they used to describe the page.

Important: To add any of these bookmarklets in to your browser, just drag the highlighted link into your bookmarks bar. If you using Internet Explorer, right-click on the link and choose "Add to favorites."

Part II: How to Organize & Sync Bookmarklets

Find this article at: http://www.labnol.org/internet/guide-to-useful-bookmarklets/7931/

Tags: , , , , , , Internet

Reader Comments

Another bookmarklet usefull is toread.cc that push the page in your webmail

this is an awesome way to maintian a lightweight, addon-free browser without sacrificing the basics. thanks.

The section ‘Bookmarklets vs Add-on’ was quite useful. Also there are other bookmarklets like ‘Bookmark on Delicious’, ‘Google Bookmark’ and ‘Twurl this’ which can be useful bookmarklets. Using Twurl, you can easily Tweet a link in their shortened forms adding a message of your choice

Amazing list of code samples there Amit. Really these are some of the best tools which can be launched from the browser itself to make lives easier for bloggers.

Thanks a lot for sharing this info.

Great post, really useful. I was not able to bookmark these from Google reader though. Had to open the actual site after such long time. Love the new designs

Thats a nice list. I grabbed a few for my browser.

That was a great post, thanks for sharing! I loved your bookmarklet vs addon comparison, being an Opera fan I couldn’t agree more.

Good list. Thank you Amit.

TidyRead is very cool!

Two nice ones I like:
* Firebug lite (incredibly powerful addon which allows you to inspect and debug the current page) – link
* Amazon Universal Wish List (just for the usability – this is the best user experience I’ve ever seen on a bookmarklet – link

Thanks very much for this terrific post! I am an avid user of Google Chrome and the only thing I miss about not using Firefox anymore is my Google toolbar.. and now with these bookmarklets in place, my browsing experience is near perfect.

You might have added the Auto-Detect RSS bookmarklet to your list. I use it often and find it invaluable.

I have a couple of service-oriented bookmarklets that I like.

“Add to Wish List” is an Amazon feature that lets you add any product from any site to your wishlist. Very handy. Get it from Amazon.

“Twitlet” is a Twitter bookmarklet. Pops up a dialog box, you post, and use #link to insert a shortened version of whatever URL you’re currently looking at. link

Really like the screenshot one, that’s very handy.

You forgot to mention the benefit of using bookmarklets with the as-yet un-add-on-able google chrome

I reckon this is the most refreshing post on Bookmarklets, a totally new angle! Cheers mate!

It is wonderful that TidyRead supports iPhone and iPod Touch. Finally I can read with my iPhone without hassle.

Wonderful, If I am not mistaken, you had posted an article on world’s most hardworking bloggers. It should be you. Wonderful post. Cheers.

nice compendium. I find that the short url service using bit.ly is quite slow. tinyurl is much faster and I use their bookmarklet quite regularly. when I dont want those additional features, and want only a short URL, then I would definitely prefer tinyurl.

Also the readability bmlet is nice, but how do I revert back to the original design. I have to refresh the page. Maybe the designers could think of something in this regard. Another bmlet that replaces the original style sheets would be good. Some sites did act funny when I kept repeatedly doing a readability on it.

Thanks for the post tho. :)

Thanks Amit, I was just about to search a good list of bookmarlets :)

Very comprehensive list. I particularly like the RSS, PDF download, Capture screenshot & short URL. Some like readability dont really work on many pages. Never really heard of Aardvark & Sitonomy, they sound interesting.

Amit, thanks for mentioning our ‘PDF Download’ bookmarklet! I’m glad you find it useful. I just wanted to let you know that the link you included to get the bookmarklet doesn’t seem to work — at least for me. People can grab it from link . Thanks again.

The GMail This! bookmarklet may not work… I tried to used it, and it fails to load the page. If it’s the same one I was using a few weeks ago, Google has discontinued support for it.

Just my $0.02.

Another useful Bookmarklet is Friendfeed link

bookmarklets are a godsend, especially in Chrome, where there are no addons yet :)

But, the crazy thing in chrome, you can’t easily “right click and Copy link location” to save bookmarklets in Chrome.

Very useful post.
I’ve added to my browser few of the recommended bookmarklets.

Which of the two you prefer: Readability or TidyRead

Sonu – The Readability bookmarklet uses some of their own algorithms to extract “actual” content from a web page. On the other hand, TidyRead renders a print version of the web page using the print stylesheet. For this reason, though Readability results are more beautiful, they can be sometimes inaccurate as well.

Don’t forget the little Lizzer bookmarklet (at link that makes it easy to add links, images, videos, and documents to blogs, web mail, Twitter and Facebook.

It’s easy to use, doesn’t add anything extraneous, and it’s free.

I wish that I could change the icons for bookmarklets in Chrome. Icons display normally on Chrome’s bookmark bar when adding a normal url, but when adding these javascript bookmarklets it uses the default blank icon. If I could pick the icon or use the website’s icon I would be able to delete all text labels from the bookmarks bar to give it a cleaner look & to fit more of these really useful bookmarklets. Thanks again.



Google Custom Search