Bookmarklets – SquaredPancake

Bookmarklets are like bookmarks in the sense that you can drag them into your bookmark bar, but instead of opening a site when clicked on, they execute a string of JavaScript, meaning you can program bookmarks to do a wide variety of things.

This is my collection of bookmarklets I found around the web and found some use in. Simply drag-and-drop the buttons below into your bookmark bar! You can also just execute the bookmarklets directly by just clicking on the buttons to test them out.

Other places to search for bookmarklets

Ideas for Bookmarklets

YouTube Unmixer – YouTube has this odd feature where sometimes, if you listen to a single song, it automatically creates a playlist of similar songs and turns autoplay on automatically. A bookmarklet you could quickly press instead of having to fat-finger the mouse over the URL to remove the radio playlist could be nice.
Pause/Play gifs – A bookmarklet that freezes all gifs on the page for those sensitive to it?

MD-Link
Markdown Link

Copies the URL and title of the current page as a Markdown Link into your clipboard (for example, this page would be extracted as [Bookmarklets – SquaredPancake](https://squaredpancake.neocities.org/simple/misc/bookmarklets))
This is often useful as I copy links I find interesting and would want to keep track of into my Inbox Note on Obsidian (a Markdown-based note taking app). This makes them actually readable and quickly identifiable!
HTML-Link
HTML Link

Copies the URL and title of the current page as an HTML Link into your clipboard (for example, this page would be extracted as <a href="https://squaredpancake.neocities.org/simple/misc/bookmarklets">Bookmarklets – SquaredPancake</a>)
Open as Wayback Machine Archive
Break Images
Break Images

Somehow breaks every <img> element on the current website. Good for testing if your alt attributes are set correctly and look somewhat acceptable!
Remove Stylesheets
Remove Stylesheets

Removes every .css file applied to the current page, laying bare the raw .html underneath it all.
Edit Everything!
Edit Everything!

Apparently, every HTML element can have an attribute called contenteditable that allows you to change any text written inside that element. This bookmarklet adds contenteditable to like every element, allowing you to rewrite everything. Whilst not really useful, it's fun and interesting!
Clear Cache
Clear Cache

Clears localStorage of the current website as well as something called the sessionStorage (I don't really know what that is and the MDN page about it is kind of confusing). Useful for testing around with saving and loading stuff to localStorage via JavaScript.
YT Unshortener
YT Unshortener

If you are on a YouTube Short and execute this bookmarklet, it will take you to the familiar normal video player.
Is website down?
Is website down?

Opens downforeveryoneorjustme.com and automatically checks if the website you were on right now is down for everyone or just for yourself.
Text Analysis
Text Analysis

Select a piece of writing and active the bookmarklet to see some basic stats like how many words and characters there are in your selection.
Open in Steam
Open in Steam

Prepends steam://openurl/ to the current URL, causing the Steam client web browser to open the page you're on
Element Highlighter
Element Highlighter

I believe it gives every HTML element a random background-color to help identify box layout issues.
Unveil password inputs
Unveil password inputs

📥 Awesome bookmarklets

Displays the characters you put into password fields (which are usually replaced with dots), allowing you to copy and paste them. I even included a little password field with which you can test this with:
Open Textpad
Open Textpad

📥 Awesome bookmarklets

Opens a simple tab where you can write things in plain text. The color scheme will adapt to your computer settings and it's contents will stop existing as soon as you close the tab, potentially making it useful for temporary notes.
It's mostly included here because it's a really cool idea for a bookmarklet and also because it's a bookmarklet with a code: prepended to it, which I didn't even know would work. It only works when it's saved as a bookmarklet.
Set Font Size
Set Font Size

Changes the font-size of <html> so you can easily test how your site adapts when users change their font size (rem) in their browser settings.
- Accepts any valid css values such as 1rem, 10px or 20%
- Reload the page or submit nothing (or something invalid) to let your browser default to it's normal font-size
- Note that during my testing, media queries that use rem in them ignored the font-size set via this bookmarklet and instead just used the font-size set in the browser settings (at least in Firefox)
..
.. / Up / ↑

📥 jn64's collection

go up one level (removes the last fragment #..., query ?..., or path segment /... from the current URL)
jn64's collection

Unvetted

Bookmarklets which seem useful but haven't had a chance to test if they actually work yet

Enable Right Click
Enable Right Click

I believe on some websites there are shenanigans going on where the developers like to annoy their users by preventing them from opening the right-click context menu. This might help against that.
Clean URL Copy
Clean URL Copy

single-click way to grab the “clean” version of the page you’re on, removes common marketing/analytics query strings ( utm_*, gclid, fbclid, etc. ).
My Bookmarklet Collection | Curious Maker’s blog