Skip to content

Instantly share code, notes, and snippets.

@ThomasR
Last active November 21, 2024 17:53
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.
*/
@ThomasR
Copy link
Author

ThomasR commented Nov 21, 2024

@VeH-c Good to hear this is still useful after all these years, even though now all browsers offer synchronization services and many sites block script execution 😅
I myself am using my bookmarklet too, and never updated it.

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