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.
*/
@lf-
Copy link

lf- commented Sep 14, 2019

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

@VeH-c
Copy link

VeH-c commented Nov 19, 2024

Thanks, works for Firefox very efficiently, using the keyword of option and entering that into the URL field or clicking on the bookmarks bar.
Saves me time transitioning to my phone without signing in to accounts for cross device sync services.

@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