A bookmarklet that generates a QR Code of the current page's URL and displays it in a <dialog> element (assuming a Content Security Policy doesn't prevent the script from running). Inspired by https://til.therealadam.com/2024/01/31/sneakerneting-urls-to.html.

bookmarklet.html

<a href="javascript:(()=>{const script=document.createElement('script');script.type='module';script.append(document.createTextNode=`import QRCode from 'https://cdn.jsdelivr.net/npm/[email protected]/+esm';const dialog=document.createElement('dialog');const img=document.createElement('img');img.src=await QRCode.toDataURL(location.href);dialog.append(img);document.body.append(dialog);dialog.showModal();`);document.body.append(script)})()">Generate QR Code</a>

generate-qr-code.js

(() => {
  const script = document.createElement("script");

  script.type = "module";

  script.append(
    document.createTextNode = `\
      import QRCode from "https://cdn.jsdelivr.net/npm/[email protected]/+esm";

      const dialog = document.createElement("dialog");
      const img = document.createElement("img");

      img.src = await QRCode.toDataURL(location.href);

      dialog.append(img);

      document.body.append(dialog);

      dialog.showModal();`
  );

  document.body.append(script);
})();