diff --git a/bookmarklet.html b/bookmarklet.html
new file mode 100644
index 0000000..cb759c5
--- /dev/null
+++ b/bookmarklet.html
@@ -0,0 +1,57 @@
+
+
+
+ html2canvas Bookmarklet
+
+
+
+
+ html2canvas Bookmarklet
+
+ If you use a normal browser: drag the normal html2canvas bookmarklet to your bookmarks toolbar.bookmarklet for those special mobile devices
+ click / tap that link and then bookmark the page, edit the bookmark and remove the start up until including #_remove_this_
+ part at the beginning of the URL, it must start with: javascript: to be correct.
+
+
+ If you are using Firefox and the NoScript Addon: disable the ABE part of it,
+ took me quite some time to figure out that the reason for an unreliable bookmarklet was in NoScript...
+
+ For Developers:
+
+ If you are a developer and want to debug locally (you need the source tree of your html2canvas at:
+ http(s)://localhost/html2canvas/)
+ check the following box to get the bookmarklet patched automatically ;)Debug bookmarklet:
+
+
+
diff --git a/src/plugins/bookmarklet.js b/src/plugins/bookmarklet.js
new file mode 100644
index 0000000..61c8b57
--- /dev/null
+++ b/src/plugins/bookmarklet.js
@@ -0,0 +1,74 @@
+(function() {
+ /* options, customize to your needs */
+ var server = '//html2canvas.hertzen.com/build',
+ proxy = '//html2canvas.appspot.com',
+ debug = false,
+ profile = false;
+ //DEBUG: server = 'http://localhost/html2canvas'; debug = true;
+ var debugFiles = [
+ 'external/jquery-1.6.2.min',
+ 'src/Core',
+ 'src/Generate',
+ 'src/Parse',
+ 'src/Preload',
+ 'src/Queue',
+ 'src/Renderer',
+ 'src/plugins/jquery.plugin.html2canvas'
+ ],
+ relFiles = [
+ '//code.jquery.com/jquery-1.6.4.js',
+ 'html2canvas',
+ 'jquery.plugin.html2canvas'
+ ],
+ i = 0, el = null;
+ var loader = {
+ index: 0,
+ head: document.getElementsByTagName('head')[0],
+ statusline: document.createElement('div'),
+ files: (debug ? debugFiles : relFiles),
+ onload: function () {
+ var _ = this;
+ if (_.index < _.files.length) {
+ var el = document.createElement('script');
+ el.type = 'text/javascript';
+ el.onload = function() {
+ _.onload();
+ };
+ el.onerror = function() {
+ _.statusline.style.color = 'red';
+ _.statusline.innerHTML = _.statusline.innerHTML + ' failed';
+ _.statusline.onclick = function() {
+ _.statusline.parentNode.removeChild(_.statusline);
+ };
+ };
+ if (_.files[_.index].substr(0, 2) === '//') {
+ el.src = _.files[_.index];
+ }
+ else {
+ el.src = server + '/' + _.files[_.index] + '.js';
+ }
+ _.head.appendChild(el);
+ ++_.index;
+ _.statusline.innerHTML = 'html2canvas: loading "' + el.src + '" ' + _.index + ' / ' + _.files.length + '...';
+ }
+ else {
+ _.statusline.parentNode.removeChild(_.statusline);
+ delete _.statusline;
+ $(document.documentElement).html2canvas({
+ logging: debug,
+ profile: profile
+ });
+ }
+ }
+ }, statusline = loader.statusline;
+ statusline.style.position = 'fixed';
+ statusline.style.bottom = '0px';
+ statusline.style.right = '20px';
+ statusline.style.backgroundColor = 'white';
+ statusline.style.border = '1px solid black';
+ statusline.style.borderBottomWidth = '0px';
+ statusline.style.padding = '2px 5px';
+ statusline.style.zIndex = 9999999;
+ document.body.appendChild(statusline);
+ loader.onload();
+}());