Useful online bookmarklets for web development and easy navigation. To install the bookmarklet, drag and drop the link to the browser’s bookmarks bar.
Bookmarklet code is generated using the following pattern:
<a href="javascript:(function(){ <<< Your JavaScript code >>> })()">Bookmark name</a>
Additional tools
- Use Bookmarklet Creator with Script Includer to generate bookmarklet code from the sources.
- Use the Online Javascript compressor to compress the bookmarklet code, if needed.
Individual bookmarklets
- NoCSS – Remove all CSS Style Sheets on the page. Code NoCSS is on GitHub.
- Grayscale – Apply grayscale filter to the page. Code Grayscale is on GitHub.
- Overflow – determines elements wider than the page width. This usually leads to generating unwanted horizontal scroll. Note that each element marked as wider than the window width gets set
z-index
set to the highest possible number so it can be visible. Code Overflow is on GitHub.