← Back to Tools

πŸ”– Online Bookmarklet Generator

δΈ­ζ–‡ EN

πŸ“ Enter Your JavaScript Code

Templates:
Code length: 0 characters
πŸ’‘ How to use: Click "πŸ“‹ Copy Bookmarklet Code" β†’ Create a new bookmark in your browser β†’ Paste into the URL field
Or drag the bookmarklet link above directly to your bookmarks bar

πŸ“– What is a Bookmarklet?

A Bookmarklet is a JavaScript program stored as a browser bookmark. When you click it, it executes JavaScript code on the current page, enabling various automation and enhancement features.

Common uses:
β€’ Web design debugging (highlight elements, inspect CSS)
β€’ Extract page information (images, links, metadata)
β€’ Enhance page functionality (reader mode, dark mode)
β€’ Quick sharing to social media
β€’ Developer productivity tools

Security note: Bookmarklets can access all content on the current page (including forms, cookies, etc.). Only use code from trusted sources. This tool runs entirely on the frontend β€” your code never leaves your browser.

Pure frontend Β· Zero dependencies Β· Local processing Β· Code never uploaded
'; const blob=new Blob([html],{type:'text/html'}); const a=document.createElement('a'); a.href=URL.createObjectURL(blob); a.download=name.replace(/[^a-zA-Z0-9_-]/g,'')+'.html'; document.body.appendChild(a); a.click(); document.body.removeChild(a); URL.revokeObjectURL(a.href); showToast('βœ… File downloaded'); } document.querySelectorAll('#jsCode, #bmName, [id^=opt]').forEach(function(el){ el.addEventListener('input',function(){ if(el.id==='jsCode') updateCodeLen(); generate(); }); el.addEventListener('change',generate); }); updateCodeLen(); generate();