bookmarklets
A bookmarklet is a JavaScript program executed in the navigator (aka client-side).
It is based upon a URL like we generally use under the form https:// to navigate. Here we use the javascript: protocol.
We can work on the current document, select and extract specific or generic content. We can also do virtually anything we want using javascript and if the interest here is to focus on DOM extraction, we can also access and process any content that your browser can render as a plain text source (json files for instance).
It is a nice tool but it could also be a risk!
Check the source before executing it, especially when loading external resources (eg: screenshot uses html2canvas).
Samples
-
b64-txt
Source code
Comment
-
bionic-reading
Source code
-
chrono
Source code
-
cnrtl-dict
Source code
Comment
-
color-contrast
Source code
Comment
-
color-dark
Source code
-
color-hex
Source code
-
color-invert-1
Source code
-
color-invert-2
Source code
Comment
-
count-all
Source code
Comment
-
count-element
Source code
-
cp-links
Source code
Comment
-
dyslexize
Source code
Comment
-
elements-cp
Source code
Comment
-
file-extract
Source code
Comment
-
frame-active
Source code
-
frame-hover
Source code
Comment
-
images-cp
Source code
-
images-doc
Source code
Comment
-
images-show
Source code
-
innertext-cp
Source code
-
last-modified
Source code
-
notetab
Source code
Comment
-
osm-lat-long
Source code
-
osm-query
Source code
-
rss-find
Source code
-
rss-gen
Source code
Comment
-
screenshot
Source code
-
text-spacing-rev
Source code
Comment
-
translate-en-fr
Source code
-
txt-b64
Source code
Comment
-
wayback
Source code
-
wiki-fr
Source code
Comment
Tips?
About the selection input:
You can choose to open your link even when there is no selection. That's a shortcut \o/.About the input method:
You may not need any input and put all the parameters at once (you can manage your own versionning). You can also use the prompt() method to grab your input on the fly.About the extract method:
You can choose to extract any content from the document via either your clipboard, a console log, a message alert or a file download.