data:is the new “Bookmarklet”
data: URL directly contains its content; for example,
data:text/plain,Hello%20World!. The main usefulness of this is that you can do things like including images inline in a document. But you can also use it to create 'anonymous' HTML documents, where any link to them or bookmark contains the entire document.
I originally did this in 2006 when I was in need of a URL-encoding tool and did not have one to hand; so I wrote out:
data:text/html,<form action="data:text/plain,"><input id=r>
Properly encoded, that's:
This produces a form with a single field which, when submitted, will generate a data URL for a plain text document containing “?r=” and then the text; the URL, then, will contain the entered text URL-encoded after the “?r=”.
encodeURI function... Encoder/decoder
And we can go fully circular and pack into a data URL a data URL maker.