Draws a 1px outline around every element on the page. Run again to remove it.
Removes every fixed or sticky-positioned element and restores page scrolling.
Turns every password field into plain text. Run again to hide them again.
Toggles the browser's designMode so you can click and edit any text on the page.
Shows a crosshair with live x/y coordinates as you move the mouse. Click to drop a marker, press Esc or run again to remove it.
Click any element to see its computed background and text color in a floating chip. Press Esc or run again to remove it.
Lists every href on the page in an overlay you can select and copy from. Press Esc, click Close, or run again to remove it.
Lists every image on the page with its natural pixel size in an overlay. Press Esc, click Close, or run again to remove it.
Counts images missing alt text, inputs missing labels, and heading order jumps, then shows the totals in an overlay. Press Esc, click Close, or run again to remove it.
Every bookmarklet here runs entirely in your browser, so your files and inputs never leave your device.
Related tools
- Screen RulerMeasure pixels and pick colors anywhere inside this browser tab.
- Composable PipelinesChain this site's text tools into one flow, feeding each tool's output into the next, and share the whole pipeline as a URL.
- Clipboard InspectorSee every MIME type sitting on your clipboard with sizes and previews.
- Clipboard PipelinesSave a chain of text transforms and apply the whole chain to anything you paste.
- Echo EndpointA curl-able endpoint that reflects your request, headers, and IP back at you.
What it does
Turns JavaScript source into a javascript: bookmarklet URL, or unwraps one back into readable source. A third mode, Shelf, ships nine ready made bookmarklets for outlining elements, killing sticky headers, revealing password fields, making a page editable, a pixel ruler, a color picker, link and image dumps, and a basic accessibility audit.
How to use it
Pick Encode, paste JavaScript, and drag the resulting link to your bookmarks bar since browsers block a click on a javascript: link from this page. Pick Decode and paste an existing bookmarklet URL to read its source. Pick Shelf to get the nine built in bookmarklets as ready to drag links.
Why this one
Most bookmarklet builders online either strip your comments incorrectly, breaking any string that contains // or /*, or do nothing more than encodeURIComponent and call it done. This one respects strings and regex literals while stripping comments, and ships a working starter set instead of an empty text box.
FAQ
- Why can I not just click these links here?
- Browsers block navigation to a javascript: URL from a page click as a security measure. Drag the link to your bookmarks bar instead, then click it from there while on the page you want to affect.
- Do bookmarklets send my data anywhere?
- No. Every bookmarklet on this page runs entirely inside the tab you invoke it on, reads and modifies only that page, and your files and inputs never leave your device.
- Why does a bookmarklet sometimes get blocked on a site?
- A site's Content Security Policy can restrict inline script execution, which blocks some javascript: bookmarklets on that specific site regardless of what the bookmarklet does. This is a restriction the site sets, not something this tool can work around.
Keyboard shortcuts: press ? anywhere on this page to see them.