Skip to content

Instantly share code, notes, and snippets.

@craigforr
Forked from ThomasR/qrcode-bookmarklet.js
Created December 19, 2018 20:29
Show Gist options
  • Save craigforr/1155a7a7b1ab28339336f27db1aef789 to your computer and use it in GitHub Desktop.
Save craigforr/1155a7a7b1ab28339336f27db1aef789 to your computer and use it in GitHub Desktop.
A bookmarklet that generates a QR Code of the current URL. Click to return to page content.
javascript: void (function (main) {
var script = document.createElement('script');
script.onload = main;
script.src = 'https://davidshimjs.github.io/qrcodejs/qrcode.min.js';
document.head.appendChild(script).parentNode.removeChild(script);
})(function () {
var size = 400;
var qr = new QRCode(document.body, {
text: location.href,
width: size,
height: size,
correctLevel : QRCode.CorrectLevel.L
});
var img = qr._oDrawing._elImage;
var children = [].filter.call(document.body.childNodes, (el) => el != img);
children.forEach(document.body.removeChild.bind(document.body));
var css = document.createElement('style');
css.textContent = `
:before, :after {
display: none;
}
img {
background: white;
border: ${4 * size / qr._oQRCode.moduleCount}px solid white;
bottom: 0;
box-shadow: none;
display: block;
height: auto;
left: 0;
margin: auto;
position: absolute;
right: 0;
text-align: center;
top: 0;
width: auto;
}
html, body {
margin: 0;
border: 0;
padding: 0;
height: 100%;
width: 100%;
}
body {
background: rgb(34, 34, 34) top left repeat url("data:image/png;base64,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");
}
`.replace(/;/g, ' !important;');
document.head.appendChild(css);
document.body.addEventListener('click', function listener(e) {
document.body.removeEventListener('click', listener, false);
document.body.removeChild(img);
document.head.removeChild(css);
children.forEach(document.body.appendChild.bind(document.body));
},false);
});
/*
Copyright 2015 Thomas Rosenau
Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at
http://www.apache.org/licenses/LICENSE-2.0
Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.
*/
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment