My favorite bookmarklets

My favorite bookmarklets

Bookmarklets are an “ancient” idea to execute custom scripts on arbitrary pages. I haven’t really heard people using it nowadays, but there still seem to be present several interesting scripts to improve browsing. A few years ago I created several scripts to add custom formatting and features to Jira board and issue pages and recently I created an “add-on” to Trello and I discovered some bookmarklets created by others, which I list below.

Enable right click

Link: https://stackoverflow.com/a/57741525/1454656

Drag and drop this link to your toolbar: Enable right click

It tries fixing one of the most annoying problems with modern pages – the right mouse button is disabled to prevent from copying content. As much as I support the copyrights, I am against forbidding making copies for private use. Besides, there are more options accessed with the right mouse click apart from copying. And all the content is still available with the Inspector tool (F12).

Due to more and more complex methods used by web authors, this bookmarklet is not 100% successful, but worth a try.

Source code:

JS

Disable all event handlers

Link: https://stackoverflow.com/a/57065599/1454656

Drag and drop this link to your toolbar: Disable all event handlers

If the previous method fails, you may disable all event handlers (in modern pages it will make the user interface barely usable, e.g. buttons may stop responding to clicks).

Source code:

JS

Link: https://www.printwhatyoulike.com/bookmarklet

Drag and drop this link to your toolbar: Print what you like

It allows editing a page before printing it to remove advertisements, background and other unimportant information:

I’ll provide the source code in case the link doesn’t work anymore (note that it depends on printwhatyoulike.com service):

JS

XRAY

Link: http://westciv.com/xray/

Drag and drop this link to your toolbar: XRAY

It provides information about some relevant styles for a selected element on a page:

I’ll provide the source code in case the link doesn’t work anymore (note that it depends on westciv.com service):

JS

Font Friend

Link: http://somadesign.ca/projects/fontfriend/

It allows previewing all Google Web Fonts in the context of the current page:

Note that the bookmarklet doesn’t work because the source files cannot be found. It can be easily fixed by downloading the sources and hosting by yourself.

Show Anchors

Link: http://www.sensefulsolutions.com/2009/12/show-anchors-bookmarklet.html

Drag and drop this link to your toolbar:

Note: the original bookmarklet has to be fixed to work on https:// pages by removing http: from it.

I’ll provide the fixed source code:

JS

Show generated DOM

Drag and drop this link to your toolbar: Show generated DOM

It shows the generated contents of a page after JavaScript DOM manipulations in contrast to what you can find in the view page source option in a browser (CTRL + U) that will show what was transferred from the server.

I'll provide the source code:

JS

jQuerify

Link: https://www.learningjquery.com/2009/04/better-stronger-safer-jquerify-bookmarklet

Drag and drop this link to your toolbar: jQuerify

It adds the jQuery object ($) to the page to allow doing quick experiments with the page in the browser's dev tools.

I fixed the source a bit to make it work on https pages as well:

JS

Vimeo playing speed

Drag and drop this link to your toolbar: Vimeo playing speed

If the video you are playing in Vimeo does not provide controls to change the playing speed, you can try running this bookmarklet.

Here is its source code:

JS

Edit Website

Drag and drop this link to your toolbar: Edit website

It will provide the ability to edit the text on a page without using the browser's dev tools. Just click in any text on a page and start typing.

The source code is very short:

JS

Pass a page to another website (Google Translate)

If you need to send the current page as a parameter to another website, you can use this bookmarklet. It will compose a new URL consisting of static text and the URL of the current page (location.href). For example, the below bookmarklet will send the current page to the Google Translate service.

Source code - opens the translation in the same tab as the current page:

JS

Source code - opens the translation in a new tab:

JS

Trello Clutterless View

Link: Trello Power-Up to hide labels and fields from card covers

And naturally, my own bookmarklet to hide labels, dates and custom fields from Trello cards.

Todoist - sort current view by project name

I created a bookmarklet that sorts the current view (e.g. Today view) by project names. Although the script is not perfect (you have to refresh the page to navigate to another project), it does the job.

Drag and drop this link to your toolbar: Todoist - sort

Source code:

JS

Todoist - choose random task

Link: Reddit

Drag and drop this link to your toolbar: Todoist - random

This bookmarklet selects a random task visible in the current view and opens it.

JS

Leave a Reply

avatar
  Subscribe  
Notify of