Bookmarks Menu

Jan Moesen's bookmarklets

A collection of time-saving and life-enhancing (ahem) bookmarklets. These bookmarklets are used for various purposes, but they all share the same goal: make web browsing and development easier and more efficient. I like giving my bookmarklets keywords so I can use my location bar as a command line. (If you speak Dutch, check out this presentation from 2011: http://kak.be/phl.) The bookmarklets are stored here as separate script files. You can copy and paste them into your bookmarks manager, or import them wholesale using the generated "bookmarks.html" file. Feel free to fork and create pull requests: http://kak.be/bookmarklets See COPYING for licence details. Or "license details", if you are so inclined. These bookmarks were exported on Wed, 2017/08/02 17:08:22 +0200.

Bookmarks toolbar

These are the bookmarklets I keep on the bookmarklets toolbar for quick access with the mouse. For instance, when browsing a web comic, it is easier to keep the cursor positioned over the "Next »" and just keep clicking it, rather than typing "next<Enter>" every time.

Readable++

Make a page more readable by disabling all page styling and applying a bare minimum of our own. Go to the first thing that looks like the start of the actual content so no time is wasted scrolling past initial navigation etc.

« Previous

Go to the previous page. To do so, this bookmarklet will look: - for <link rel="prev"> or <a rel="prev"> - for links whose text contains "Previous", ">>", etc. e.g. <a href="/bla">Previous</a> - for links whose (or their parents') ID or class contains "prev" - at the URL to see if there is a date, and increases that - at the URL to see if there is a number, and increases that - for links whose previous sibling's text contains "Previous", ">>", etc. e.g. « <a href="/bla">Whatever</a>

Next »

Go to the next page. To do so, this bookmarklet will look: - for <link rel="next"> or <a rel="next"> - for links whose text contains "Next", ">>", etc. e.g. <a href="/bla">Next</a> - for links whose (or their parents') ID or class contains "next" - at the URL to see if there is a date, and increases that - at the URL to see if there is a number, and increases that - for links whose next sibling's text contains "Next", ">>", etc. e.g. <a href="/bla">Whatever</a> »

Content

Tweak the page's content.

Alt to title

Set the IMG@title to the IMG@alt attribute. If the image already has a title attribute, separate the title and alt text with a blank line.

Load full images

Load the full-size versions of resized images based on their "src" attribute, or their containing link's "href" attribute. Also, make IFRAMEs take up the entire width of their offset parent (useful for embedded videos and whatnot). Same goes for the VIDEO elements.

Kill overlays

Get rid of common overlays, such as full-page ads.

Readable++

Make a page more readable by disabling all page styling and applying a bare minimum of our own. Go to the first thing that looks like the start of the actual content so no time is wasted scrolling past initial navigation etc.

Development

Tools to help development.

Add CSS

Add the specified CSS to the current document.

Base64

Convert plain text to Base64 and back. It determines which conversion to do.

Dump HTML

Dump the generated HTML of the current page as a plain-text document in a new tab or window.

View as HTML

Render the specified or selected text as HTML.

Show length

Show the length of the given string.

Re-console

Restore window.console to its native state.

Reload CSS

Reload all external style sheets.

View as text

Render the specified or selected text as plain text.

Set title

Set the document title to the specified text.

URL-decode

Decode all %XX bytes into a (hopefully) readable string.

URL-encode

Change every character to its percent-encoded form (%XX), even if they are URL-safe. (This makes "URL-encode" a bit of a misnomer.) I use this mainly for pranks. If I want to reply with a link to Google Images, I will typically obfuscate the search term so as not to give it away immediately. For example: https://www.google.com/images?q=cool+story+bro https://www.google.com/images?q=%63%6F%6F%6C%20%73%74%6F%72%79%20%62%72%6F

Forms

Manipulate HTML forms.

Form _blank

Make all forms open in a new window/tab.

Form GET

Make all forms use GET.

Form POST

Make all forms use POST.

Show passwords

Convert password inputs to normal text inputs and back again.

Language

Dictionaries, translators, …

Dictionaries

Arch Chinese

Look up the specified or selected text using Arch Chinese.

German Wiktionary

Look up the specified or selected text using German Wiktionary.

Dictionary.com

Look up the specified or selected text using Dictionary.com.

English Wiktionary

Look up the specified or selected text using English Wiktionary.

Spanish Wiktionary

Look up the specified or selected text using Spanish Wiktionary.

French Wiktionary

Look up the specified or selected text using French Wiktionary.

Italian Wiktionary

Look up the specified or selected text using Italian Wiktionary.

Merriam-Webster

Look up the specified or selected text using Merriam-Webster.

Dutch Wiktionary

Look up the specified or selected text using Dutch Wiktionary.

Thesaurus.com

Look up the specified or selected text using Thesaurus.com.

Urban Dictionary

Look up the specified or selected text using Urban Dictionary.

Van Dale

Look up the specified or selected text using Van Dale.

Vlaams Woordenboek

Look up the specified or selected text using Vlaams Woordenboek.

Simplified Chinese Wiktionary

Look up the specified or selected text using Simplified Chinese Wiktionary.

Translators

Translate to German

Translate the specified or selected text or URL to German. It determines what and how to translate using the following logic: - If a parameter has been specified, translate that using Google Translate. - If text has been selected, translate that using Google Translate. - If the page appears to link to the German version of itself (e.g. in a language selector menu), follow that link. - If the page is accessible via HTTP(S), use its URL with Google Translate. - Otherwise, prompt the user for text to translate with Google Translate.

Translate to English

Translate the specified or selected text or URL to English. It determines what and how to translate using the following logic: - If a parameter has been specified, translate that using Google Translate. - If text has been selected, translate that using Google Translate. - If the page appears to link to the English version of itself (e.g. in a language selector menu), follow that link. - If the page is accessible via HTTP(S), use its URL with Google Translate. - Otherwise, prompt the user for text to translate with Google Translate.

Translate to Spanish

Translate the specified or selected text or URL to Spanish. It determines what and how to translate using the following logic: - If a parameter has been specified, translate that using Google Translate. - If text has been selected, translate that using Google Translate. - If the page appears to link to the Spanish version of itself (e.g. in a language selector menu), follow that link. - If the page is accessible via HTTP(S), use its URL with Google Translate. - Otherwise, prompt the user for text to translate with Google Translate.

Translate to French

Translate the specified or selected text or URL to French. It determines what and how to translate using the following logic: - If a parameter has been specified, translate that using Google Translate. - If text has been selected, translate that using Google Translate. - If the page appears to link to the French version of itself (e.g. in a language selector menu), follow that link. - If the page is accessible via HTTP(S), use its URL with Google Translate. - Otherwise, prompt the user for text to translate with Google Translate.

Translate to Italian

Translate the specified or selected text or URL to Italian. It determines what and how to translate using the following logic: - If a parameter has been specified, translate that using Google Translate. - If text has been selected, translate that using Google Translate. - If the page appears to link to the Italian version of itself (e.g. in a language selector menu), follow that link. - If the page is accessible via HTTP(S), use its URL with Google Translate. - Otherwise, prompt the user for text to translate with Google Translate.

Translate to Dutch

Translate the specified or selected text or URL to Dutch. It determines what and how to translate using the following logic: - If a parameter has been specified, translate that using Google Translate. - If text has been selected, translate that using Google Translate. - If the page appears to link to the Dutch version of itself (e.g. in a language selector menu), follow that link. - If the page is accessible via HTTP(S), use its URL with Google Translate. - Otherwise, prompt the user for text to translate with Google Translate.

Translate to Simplified Chinese

Translate the specified or selected text or URL to Simplified Chinese. It determines what and how to translate using the following logic: - If a parameter has been specified, translate that using Google Translate. - If text has been selected, translate that using Google Translate. - If the page appears to link to the Simplified Chinese version of itself (e.g. in a language selector menu), follow that link. - If the page is accessible via HTTP(S), use its URL with Google Translate. - Otherwise, prompt the user for text to translate with Google Translate.

Navigation

Get around easier.

Go back

Go back to the previous page, or, failing that, to the referring page.

Link this

Show a minimal HTML page linking to the current page.

Links to…

Highlight all links and images with the given text in their URL.

Add link titles

Add the links' HREFs to their tooltips.

Next »

Go to the next page. To do so, this bookmarklet will look: - for <link rel="next"> or <a rel="next"> - for links whose text contains "Next", ">>", etc. e.g. <a href="/bla">Next</a> - for links whose (or their parents') ID or class contains "next" - at the URL to see if there is a date, and increases that - at the URL to see if there is a number, and increases that - for links whose next sibling's text contains "Next", ">>", etc. e.g. <a href="/bla">Whatever</a> »

« Previous

Go to the previous page. To do so, this bookmarklet will look: - for <link rel="prev"> or <a rel="prev"> - for links whose text contains "Previous", ">>", etc. e.g. <a href="/bla">Previous</a> - for links whose (or their parents') ID or class contains "prev" - at the URL to see if there is a date, and increases that - at the URL to see if there is a number, and increases that - for links whose previous sibling's text contains "Previous", ">>", etc. e.g. « <a href="/bla">Whatever</a>

Surf with referrer

Go to the specified or selected URL using the current page as the referrer.

Remove hash

Remove the hash from the current page's URL, but keep the query string.

Remove hash and query

Remove the hash and query string from the current page's URL. This is the same as "rmqh".

Remove query

Remove the query string from the current page's URL, but keep the hash.

Remove query and hash

Remove the query string and hash from the current page's URL. This is the same as "rmhq".

Go to the root

Go to the root directory, or the Nth directory starting from the root. For example, when you are on "http://www.example.com/foo/bar/baz": - executing "/" goes to "http://www.example.com/" - executing "/ 1" goes to "http://www.example.com/foo/" - executing "/ 2" goes to "http://www.example.com/foo/bar/" - executing "/ quux" goes to "http://www.example.com/quux"

Go up

Go to the parent "directory". Note that this function tries to be somewhat smart about it: - If the path ends in a slash, go to the parent directory. - If the path looks like the default index, go to the parent directory and use the same filename. - For all other paths, go to the containing directory. For example: - "/foo/bar/baz/" becomes "/foo/bar/" - "/foo/bar/baz/index.html" becomes "/foo/bar/index.html" - "/foo/bar/baz" becomes "/foo/bar/" (which in turn will become "/foo/")

Search engines

Maps

Bing Maps

Search Bing Maps.

Google Maps (for cars)

Search Google Maps for a route by car.

Google Maps (for flights)

Search Google Maps for flights.

Google Maps

Search Google Maps.

NMBS / SNCB / B-Rail / Belgian Railways

Search m.nmbs.be for a Belgian train route.

Google Maps (for cyclists)

Search Google Maps for a bicycle route.

Google Maps (for transit)

Search Google Maps for a route using public transit.

Google Maps (for pedestrians)

Search Google Maps for a walking route.

Wikipedia

Any Wikipedia

Look up the specified or selected text in any Wikipedia. This does a Google "I'm feeling lucky" search for all wikipedia.org sites.

German Wikipedia

Look up the specified or selected text in the German Wikipedia.

English Wikipedia

Look up the specified or selected text in the English Wikipedia.

Spanish Wikipedia

Look up the specified or selected text in the Spanish Wikipedia.

French Wikipedia

Look up the specified or selected text in the French Wikipedia.

Italian Wikipedia

Look up the specified or selected text in the Italian Wikipedia.

Dutch Wikipedia

Look up the specified or selected text in the Dutch Wikipedia.

Simplified Chinese Wikipedia

Look up the specified or selected text in the Simplified Chinese Wikipedia.

DuckDuckGo

Search DuckDuckGo for the given text, numbering the search result pages.

DuckDuckGoNow

Go to the first DuckDuckGo result ("I'm Feeling Ducky") for the given text.

Google Search

Search the international (English) Google for the given text, with a 100 results per SERP and without Instant Search.

Google cache

View the Google cached text for the specified URL. Specify "html" as the first parameter to view the cached HTML.

Go

Go to the first DuckDuckGo result ("I'm Feeling Ducky") for the given text.

Google Site Search

Search the international (English) Google for the given text on the current site's domain, with a 100 results per SERP and without Instant Search.

Google Images

Search Google Images, optionally limiting to certain sizes using: - "wallpaper" word to find images the size of your screen. - "640x480" to find images with exactly those dimensions - ">1600x1200" to find images approximately larger than 1600x1200 - ">4mp" to find images approximately larger than 4 megapixels (2272x1704)

Search site

Search the current site for the given text using the site's own search form, if any. It first looks for an INPUT[type="search"]. If not found, it looks for typical values in the INPUT attributes like "name", "id", "class", … If it still could not find anything, it looks for those values in FORM attributes like "id", "class", "action", … If no search inputs were found, it quietly logs a message to the console.

Twitter search

Search Twitter for the specified text or URL.

Wayback Machine

View the Internet Archive Wayback Machine's latest cache for the specified URL.

YouTube

Search YouTube for the specified or selected text. If the text looks like a video ID, you are taken directly to the video. If you append a "!" to the video ID, it will be opened in an IFRAME, so you do not need to sign in for "restricted" videos.

Site-specific

Might as well turn these into Greasemonkey scripts one day.

GitHublet

Put a bookmarklet's code on GitHub in a TEXTAREA so it is easy to copy. I use this because selecting and copying bookmarklet code to put them in my Safari on iOS is a pain.

Triodos pretty-printer

Improve the Triodos account statement print-out. This bookmarklets adds the account balance after each operation, which makes it easier to keep track of the balance throughout the year/month. It also darkens the odd row background so it stands out more when printing in black and white. (Remember to check the "Print background colours and images" box.)

TDWTF

Fix the forum for The Daily WTF after having applied Readable++.