From 49673a3b495d532c475c41a2dca23129edeec4cc Mon Sep 17 00:00:00 2001 From: MoyuScript Date: Sat, 4 Feb 2012 15:07:24 +0100 Subject: [PATCH] draft for a bookmarklet to screenshot any page primarily intended to do debugging/testing --- bookmarklet.html | 53 +++++++++++++++++++++++++++ src/plugins/bookmarklet.js | 73 ++++++++++++++++++++++++++++++++++++++ 2 files changed, 126 insertions(+) create mode 100644 bookmarklet.html create mode 100644 src/plugins/bookmarklet.js diff --git a/bookmarklet.html b/bookmarklet.html new file mode 100644 index 0000000..07db7bc --- /dev/null +++ b/bookmarklet.html @@ -0,0 +1,53 @@ + + + + html2canvas Bookmarklet + + + + +

html2canvas Bookmarklet

+

+ If you use a normal browser: drag the normal html2canvas bookmarklet to your bookmarks toolbar.
+ If not use the following link: 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. +

+

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 ;)
+ +

+ + diff --git a/src/plugins/bookmarklet.js b/src/plugins/bookmarklet.js new file mode 100644 index 0000000..fe0a256 --- /dev/null +++ b/src/plugins/bookmarklet.js @@ -0,0 +1,73 @@ +(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'; + document.body.appendChild(statusline); + loader.onload(); +}());