QR-Code als Bookmarklet

Anleitung

Schritt 1:

Ziehe den folgenden Link in die Lesezeichenleiste deines Browsers

QR

Schritt 2:

Auf einer beliebigen Seite wird dann in der Lesezeichenleiste das Lesezeichen (=Bookmark) QR angeklickt und es öffnet sich ein neuer Tab mit dem QR-Code der aktuell besuchten Seite.

Erklärung

Quelltext:

Arbeitsweise

1. Mit location.href wird die Adresse der aktuell besuchten Seite ausgelesen.
2. Diese wird auf der Seite https://quizdidaktik.de/qrcodegenerator-2.0 als Wert des Parameters zielurl übergeben.
3. Die externe Seite erzeugt den QR-Code für die übergebene URL.
4. Mit der Funktion window.open() wird die externe Seite mit dem QR-Code in einem neuen Fenster geöffnet.

Verschönern mit einem Favicon (kleines Symbolbild)

Vorbereitung: Der Schritt 1 oben wurde bereits abgeschlossen.

1. Herunterladen der Bookmark-Sicherungsdatei qrcode-bookmarklet_favicon.html (mit Rechtsklick > Ziel speichern unter...)
2. Im Browser diese Importieren (am Beispiel Firefox):
   • Lesezeichen > Lesezeichen verwalten > Importieren und Sichern > Lesezeichen von HTML importieren...
   • vorher abgespeicherte HTML-Datei auswählen
3. Fertig, das Favicon sollte direkt links neben dem Lesezeichen sichtbar sein.