Bookmarklet Resources

Master the art of creating powerful JavaScript bookmarklets. From basic concepts to advanced techniques.

Getting Started

1

Understand the Basics

Discover what bookmarklets are, how they work, and why they're useful for web automation.

Read Guide →
2

Try the Generator

Use our bookmarklet generator to convert JavaScript code into working bookmarklets.

Open Generator →
3

Practice & Experiment

Test your bookmarklets safely in our sandbox environment before using them on real sites.

Open Sandbox →

Code Examples

Highlight All Links

Learn to select and modify DOM elements

// Highlight all links on the page
const links = document.querySelectorAll('a');
links.forEach(link => {
  link.style.backgroundColor = 'yellow';
  link.style.padding = '2px';
});

Extract All Emails

Use regular expressions to extract content

// Find all email addresses on the page
const text = document.body.innerText;
const emails = text.match(/\b[A-Za-z0-9._%+-]+@[A-Za-z0-9.-]+\.[A-Z|a-z]{2,}\b/g);
console.log('Found emails:', emails);

Create Quick Notes

Add interactive elements to any webpage

// Add a floating note widget
const noteDiv = document.createElement('div');
noteDiv.innerHTML = '<textarea placeholder="Quick note..."></textarea>';
noteDiv.style.cssText = 'position:fixed;top:10px;right:10px;z-index:9999;';
document.body.appendChild(noteDiv);

Need Help?

📚 Documentation

Comprehensive guides and API references for all your bookmarklet needs.

💡 Examples

Browse our library of working bookmarklets for inspiration and reference.

🛠️ Tools

Use our generator and sandbox tools to create and test your bookmarklets.