January 17, 2017

Chrome Bookmarklets

Bookmarklets are an easy way to create Interactive Bookmarks. You can do something with the page that you're currently viewing or enter in data to be used on soon to be open URL.

Here are some of my popular Bookmarklets:

PaperTrial Search

Search the entire Papertrial archive for an error. (Works only if you have a Papertrial account.)

javascript:var prof=prompt('Query?','');if(prof&&prof!=''){location.href='https://papertrailapp.com/groups/2442/events?q='+prof};

Atlassian Jira Issue Search

Search Jira for a particular Ticket Number. This is a fast way to get to a particular ticket.

javascript:var%20bug=prompt('Ticket#?','');if(isFinite(bug)){location.href='https://dev.company.com/trac/ticket/'%20+%20bug}else{location.href='http://company.atlassian.net/browse/'+bug}; Show Link Images Opens a window showing all images linked to from the current page. javascript:(function(){function%20I(u){var%20t=u.split('.'),e=t[t.length-1].toLowerCase();return%20{gif:1,jpg:1,jpeg:1,png:1,mng:1}[e]}function%20hE(s){return%20s.replace(/&/g,'&').replace(/>/g,'>').replace(/</g,'<').replace(/"/g,'"');}var%20q,h,i,z=open().document;z.write('<p>Images%20linked%20to%20by%20'+hE(location.href)+':</p><hr>');for(i=0;q=document.links[i];++i){h=q.href;if(h&&I(h))z.write('<p>'+q.innerHTML+'%20('+hE(h)+') <img%20src="'+hE(h)+'">');}z.close();})()

Remove All Images on the Page

This is useful if you want to see what the page looks like for people that don't have images enabled.

javascript:(function(){var imgs=document.getElementsByTagName("img");for(var i=0;i<imgs.length;i++)imgs[i].style.visibility="hidden"}());

View Current Page in Any Browser

Useful way to test a public page in various browser screenshots.

javascript:void(location='http://browsershots.org/?url='+escape(location))

Installing Bookmarklets

  • In Chrome, click Bookmarks->Bookmark Manager.
  • You should see a new tab with the bookmarks and folders listed.
  • Select the "Bookmarks Tab" folder on the left.
  • Click the "Organize" link, then "Add Page" in the drop down.
  • You should see two input fields. ...
  • Paste the javascript code above into the second field.
  • Add a simple name
  • Once done, click away to save

Popular Bookmarklets

You can find some creative uses of Bookmarketlets over on howtogeek.com website.

Comments

Add your Comments

Feel free to leave a comment about this post.

- Feel Free to add HTML to your comment!