Bookmarklet Creator with Script Includer

Enter your javascript code here: alert("test!") Name:

include custom script:

include jQuery (1.11.1)

Convert to bookmarklet









Why have a bookmarklet creator?

I think bookmarklets are great! However, it’s a pain to smoosh your JavaScript into one line and properly URI encode everything. It’s even more of a pain if you want to rely on external scripts in your bookmarklet. Fortunately, I have just packaged all of these features into the above tool!

Enter your JavaScript code Choose if you want to include jQuery* and/or specify an external script Create your bookmarklet!

*Note: the jQuery include takes advantage of jQuery.noConflict.

Custom Script Example

What’s that? You’d like a silly and trivial example of someone using the custom script option? Well, OK… I wrote a script that throws the sea dragon from the header of my website onto any page and scrolls it in a marquee (for browsers that still support marquee…). You can run it in HTML as such:

<script type= "text/javascript" src= "https://mrcoles.com/media/js/seadragon.js" ></script> <a href= "#" onclick= "window.SeaDragon.add();return false;" > Add sea dragon! </a>

Let’s instead turn that into a bookmarklet:

Enter the proper function call in the bookmarklet code section: window.SeaDragon.add() Enter the JS file path as the custom script: https://mrcoles.com/media/js/seadragon.js Create the bookmarklet (no jQuery required) Profit!!

Lazy? Let me automatically fill that out for you above (seriously, click on that link…)





Want to run this server-side?

If you want to use this for proper coding or development, then try the bookmarklet NPM dependency. It allows you to write a bookmarklet as regular JS with some extra features to auto-include scripts or styles.

Update (March 2018): I used to use Cornify in my example, but I changed it to use my own script in order to limit external scripts that run on my site!