Useful 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.