Bookmarklets are bookmarks that do something other than just linking to a web page (though they sometimes do that as well). They are pieces of software that run in your browser on the web page that is open when you click them. Like regular bookmarks, you can simply drag and drop the link to your bookmarks bar for use later, perhaps on a different web page.
Bookmarklet links always start with "javascript:" and, on this page, they have this pic beside them: For example, this link: Alert Title will popup an alert displaying the web page's title, which is useful if you want to copy it.
Isolation matters
I create & test bookmarlets in the console (F12) - refresh (F5), paste, execute, edit, repeat - but globally scoped variables can interfere with other scripts.
javascript: {/* linearized/minified code is safely scoped here */};
IF you use let not var. See also, this old PITA:(function(){})()
This is a pattern that's used a lot. E.g. "search for the selected text in <SearchEngine>" is so common, that it's in the context menu for most(all?) browsers.
//this get selection boilerplate covered a bunch of browser types and is probably not needed anymore.
let text = (
( window.getSelection && window.getSelection() )
||
( document.getSelection && document.getSelection() )
);
if (text == '') {
text = prompt('Blah?')
};
if (text) {
DoStuff
}
else {
DoOtherStuff
};
↪ (concise)
let w = window,
g = w.getSelection,
d = document.getSelection,
t = ((g && g()) || (d && d()));
if (t == '') {
t = prompt('Blah?')
};
if (t) {
DoStuff
} else {
DoOtherStuff
};
Whitespace is only needed to seperate letters (and readability).
DoStuff: let s=w.speechSynthesis,m=new SpeechSynthesisUtterance(),f=function(){m.voice=s.getVoices().filter(function(voice){return /UK.*Fem/.test(voice.name)})[0];s.speak(m)};m.rate=m.pitch=1;m.text=t;if(!s.getVoices().length){setTimeout(f,500)}
or do something based on what is selected... Jira/CASD
These fit whole files into a bookmark - even a whole website. But you can't click them as links here, you need to drag them to your bookmark bar first. Browsers don't allow data: URIs in links anymore (for very valid security reasons!)
Bookmark my Wiki Enter the encoded data (from PGh to D4=) into the base64 decoder here to see the html of the wiki itself.
Just do the thing. Loads the do.js from this website and does whatever that does, which is a whole bunch of things depending on what webpage is open and/or what is selected. Most of which are described above but I only need to click one bookmark. 😎
For example, this link: Alert Title will popup an alert displaying the web page's title, which is useful if you want to copy it.