QR-Code und Barcode scannen – direkt im Browser.

Ein QR-Code ist nur ein Container. Unser Scanner erkennt den Inhaltstyp und zeigt ihn strukturiert an: URLs werden mit Domain und Risiko-Hinweis dargestellt, WLAN-Codes als SSID, Verschlüsselung und Passwort, vCards als Kontakt mit Name, Firma, Telefon und E-Mail, SEPA-GiroCodes mit IBAN, BIC und Betrag. Auch E-Mail-Adressen, Telefonnummern, SMS, Standortdaten, Kalendertermine und Einmalpasswörter werden zu lesbaren Feldern statt zu einer Zeichenkette.

Diese Struktur ist der entscheidende Unterschied. Wer einen GiroCode scannt, will überweisen, nicht eine BCD-Zeile lesen. Wer eine vCard scannt, will den Kontakt speichern. Deshalb übernimmt der Scanner das Parsing – inklusive Prüfziffern bei Produktcodes und GS1-Anwendungskennzeichen bei DataMatrix-Codes.

Öffne die Seite auf dem Gerät, mit dem du scannen willst – Smartphone, Tablet oder Laptop. Drücke auf „Kamera starten“. Der Browser fragt einmalig nach der Kamerafreigabe; ohne deine Zustimmung wird nichts aktiviert. Alternativ ziehst du ein Bild in das Feld oder fügst einen Screenshot direkt aus der Zwischenablage ein.

Richte die Kamera so auf den Code, dass alle vier Ecken sichtbar sind. Halte etwa 15 bis 20 Zentimeter Abstand, vermeide Spiegelungen und direkte Sonne. Die Erkennung startet automatisch, sobald ein Format erkannt wurde. Bei Bildern dauert die Dekodierung meist unter einer Sekunde.

Das Ergebnis erscheint als aufbereitete Karte: Link mit Domain, WLAN-Zugang mit SSID und Passwort, Kontaktkarte mit Name und Nummer, Produktcode mit Prüfziffer. Du kopierst die Felder einzeln oder alles zusammen – und öffnest einen Link erst, wenn du das Ziel geprüft hast.

Der Decoder läuft als JavaScript im Browser. Kamera-Frames werden in ein Canvas geschrieben und dort ausgewertet; hochgeladene Bilder werden per FileReader lokal gelesen. Es gibt keinen Upload-Endpunkt für Bilddaten. Das ist kein Marketing-Satz, sondern eine Architekturentscheidung: Die Anwendung besitzt schlicht keine Route, die Bildinhalte annimmt.

Für die Verbesserung des Tools speichern wir ausschließlich anonyme Metadaten: welches Format erkannt wurde, welche Kategorie (etwa WLAN oder Produktcode), welche Sprache und ob die Erkennung erfolgreich war. Kein dekodierter Inhalt, keine Datei, keine IP-basierte Profilbildung. Der Scan-Verlauf liegt ausschließlich im localStorage deines Browsers und lässt sich mit einem Klick löschen.

Die häufigsten Ursachen sind zu wenig Kontrast, ein zu kleiner Code oder Spiegelungen auf dem Etikett. Halte die Kamera ruhiger, zoome leicht heran und achte darauf, dass der gesamte Code im Bild ist. Bei gedruckten Codes hilft es, das Bild zuerst zu drehen und erneut zu versuchen.

Ist der Code stark beschädigt, kann ein zweiter Scan aus einem anderen Winkel helfen. Bei Produktcodes prüfe, ob es sich um einen EAN-13 mit gültiger Prüfziffer handelt – wir zeigen dir das direkt im Ergebnis. Für Datenmatrix-Codes aus der Industrie, etwa nach VDA 4902 oder GS1, lohnt zusätzlich ein Blick in den Etikettengenerator unseres Netzwerks.