Skip to content

Instantly share code, notes, and snippets.

@ThomasR
Last active November 28, 2019 01:06
Show Gist options
  • Save ThomasR/19bb6807ff87097d2073 to your computer and use it in GitHub Desktop.
Save ThomasR/19bb6807ff87097d2073 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.
*/
@lf-
Copy link

lf- commented Sep 14, 2019

Seems like this goes over the maximum length of bookmarks in Chrome :(

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment