A curated collection of useful browser bookmarklets for developers, testers, designers, SEO specialists, and power users.
These JavaScript bookmarklets help you inspect pages, debug forms, analyze performance, review metadata, test accessibility, manage browser storage, and run quick utilities without installing a browser extension.
- Run lightweight website tools directly from your bookmarks bar
- Debug pages without opening a full browser extension workflow
- Inspect metadata, headings, links, storage, cookies, and DOM structure
- Support SEO audits, accessibility reviews, QA checks, and frontend development
- Keep a reusable set of one-click browser utilities for daily work
- Click any bookmarklet name below to open its documentation
- Copy the JavaScript code from the documentation or the matching file in
bookmarklets/ - Create a new bookmark in your browser
- Paste the JavaScript code as the bookmark URL
- Click the bookmark on any website to run the tool
- Developer bookmarklets: DOM inspector, JSON formatter, CSS selector tester, page info, performance analyzer
- SEO bookmarklets: SEO meta inspector, heading outline, link extractor, broken links and images checker
- Accessibility bookmarklets: accessibility audit, heading outline, broken links and images checker
- QA and testing bookmarklets: form auto-filler, cookie manager, local storage manager, table to CSV
- Productivity bookmarklets: text formatter, focus mode, QR code generator, screenshot tool
- Design and UI bookmarklets: color picker, screen ruler, dark mode toggle
| Name | Description |
|---|---|
| 📝 Form Auto-Filler | Fill forms with realistic test data for development and testing |
| 🍪 Cookie Manager | View, edit, and delete cookies with advanced filtering and export |
| ⚡ Performance Analyzer | Comprehensive performance metrics and Core Web Vitals analysis |
| 🎨 Color Picker | Extract colors from any element and generate color palettes |
| 📏 Screen Ruler | Measure distances and element dimensions with pixel accuracy |
| 📊 Table to CSV | Export HTML tables to CSV with customizable formatting |
| 🎯 Focus Mode | Hide distractions and enhance reading experience |
| 📷 Screenshot Tool | Capture full-page screenshots using multiple methods |
| 🔍 DOM Inspector | Advanced DOM inspection with element analysis and CSS debugging |
| 🕵️ Analytics Detector | Detect tracking scripts and analyze privacy practices |
| 📊 Page Info | Display comprehensive page metadata and technical details |
| 🔗 Link Extractor | Extract and analyze all links with filtering and export options |
| 🌙 Dark Mode Toggle | Apply universal dark theme with smooth animations |
| 🔐 Password Generator | Generate secure passwords with strength analysis |
| 📱 QR Code Generator | Generate QR codes for URLs or custom text |
| ✏️ Text Formatter | Transform text with case changes and encoding options |
| 🎨 Prettify JS | Beautify and syntax-highlight JavaScript code |
| 🗄️ Local Storage Manager | Inspect, edit, export, and clear localStorage or sessionStorage |
| 🧾 JSON Formatter | Validate, format, minify, sort, and copy JSON payloads |
| ♿ Accessibility Audit | Scan pages for common accessibility issues and jump to elements |
| 🔎 SEO Meta Inspector | Review metadata, social tags, heading structure, and JSON-LD |
| 🔗 URL Tools | Parse, clean, sort, encode, decode, and copy URLs |
| 🔍 Broken Links & Images Checker | Find suspicious links, broken-looking images, and missing alt text |
| 🪜 Heading Outline | Build a clickable heading map and spot structural issues |
| 🎯 CSS Selector Tester | Test selectors live and highlight all matches on the page |
- Frontend development: inspect the DOM, test selectors, analyze performance, and debug page state
- SEO audits: review titles, descriptions, canonical tags, Open Graph tags, headings, and links
- Accessibility checks: find unlabeled controls, missing alt text, and heading hierarchy issues
- QA and testing: auto-fill forms, inspect cookies and local storage, and export data from tables
- Content and productivity workflows: extract links, format text, generate QR codes, and capture screenshots
- Frontend developers
- QA engineers and software testers
- SEO specialists and content teams
- Designers and UX reviewers
- Browser power users looking for practical utilities
browser-bookmarklets/
├── bookmarklets/ # JavaScript bookmarklet files
├── docs/ # Documentation for each bookmarklet
├── README.md # Project overview and bookmarklet index
├── CLAUDE.md # Project guidance for future updates
└── LICENSE # MIT License
- Fork this repository
- Add your bookmarklet in the
bookmarklets/directory - Add matching documentation in the
docs/directory - Update this README with a clear, search-friendly description
- Submit a pull request
This project is open source and available under the MIT License.