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
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • 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