Emoji Erstellen Sie hochwertige Dokumenten-Scans mit unserer neuen Demo App! Jetzt ausprobieren!

JavaScript Barcode Scanner

Mobile Datenerfassung JavaScript Library

Testen Sie das SDK

Ermöglichen Sie Barcode-Scanning auf Ihrer Website mit dem JavaScript Barcode Scanner

Die Integration des Web Page Web Page Barcode Scanner ermöglicht es Ihrer Website, Daten aus allen gängigen 1D- und 2D-Barcodes zu extrahieren. Zuverlässige und schnelle Erkennung mit aktuellen Smartphones, auch aus ungünstigen Winkeln oder bei schlechten Lichtverhältnissen.;

Die Dekodierung von Barcodes über eine Webseite oder Webanwendung war noch nie so einfach. Eine breite Browserkompatibilität, 98,7 % genaue Barcode-Ergebnisse und direkter Zugriff auf die extrahierten Daten ermöglichen es Ihnen, eine Lösung zu schaffen, die Ihre Benutzer:innen lieben werden.

Barcode icon

Alle Standard-Barcodes

User guidance icon

Benutzerführung

Icon Scan

Multi-Scan Funktion

Update now icon

1-Tages-Integration

Speed icon

Schnell & zuverlässig

Sie möchten unser Barcode Scanning SDK in unserer neuen Demo-App austesten?

Überzeugen Sie sich von den schnellen und zuverlässigen Funktionen des Scanbot Barcode Scanner SDK – Jetzt herunterladen!

Man touching hologram over phone screen

Sie möchten das Scanbot SDK gerne testen?

Das geht ganz einfach: Holen Sie sich jetzt Ihre kostenlose 7-Tage-Testlizenz und fangen Sie an zu coden.

Gratis Testlizenz sichern
Three phones with Scanbot screens

Erste Schritte mit dem Scanbot JavaScript Barcode Scanner

Das Scanbot Web Barcode Scanner SDK ist als npm-Paket verfügbar und kann auch via jsdelivr geladen werden.

Nach der Installation fügen Sie Ihrer HTM-Datei zunächst ein Container-Element hinzu:

<div id="barcode-scanner-container"></div>

Anschließend können Sie den JavaScript Barcode Scanner einfach in Ihrer JavaScript-App starten:

var barcodeScanner = await scanbotSDK.createBarcodeScanner({
				containerId: 'barcode-scanner-container',
				onBarcodesDetected: onBarcodesDetected,
			});
		

Sie können die zu scannenden 1D- und 2D-Barcodes selbst konfigurieren:

var barcodeScanner = await scanbotSDK.createBarcodeScanner({
	    containerId: 'barcode-scanner-container',
	    …
	    barcodeFormats: [
	      "AZTEC",
	      "CODABAR",
	      "CODE_39",
	      "CODE_93",
	      "CODE_128",
	      "DATA_MATRIX",
	      "EAN_8",
	      "EAN_13",
	      "ITF",
	      "MAXICODE",
	      "PDF_417",
	      "QR_CODE",
	      "RSS_14",
	      "RSS_EXPANDED",
	      "UPC_A",
	      "UPC_E",
	      "UPC_EAN_EXTENSION",
	      "MSI_PLESSEY",
	    ]
	  });
	

Außerdem können Sie das Aussehen Ihres JavaScript Barcode-Scanners individuell anpassen:

var barcodeScanner = await scanbotSDK.createBarcodeScanner({
	    containerId: 'barcode-scanner-container',
	    …
	    style: {
	      window: {
	        aspectRatio: 1,
	        paddingPropLeft: 0.5,
	        borderColor: "white",
	        left: "50%",
	        top: "50%",
	        transform: "translate(-50%, -50%)"
	      },
	      text: {
	        color: "white",
	        size: "0.9em",
	        weight: 300,
	      },
	      backgroundColor: "rgba(0, 0, 0, 0.7)",
	      hint: "Please align the barcode or QR code in the frame"
	    }
	  });
	

Vollständige Beispielprojekte

Wenn Sie sofort loslegen möchten, werfen Sie gerne einen Blick auf unser GitHub-Repository. Dort finden Sie Beispielprojekte zu React, Angular und Plain JavaScript: https://github.com/doo/scanbot-sdk-example-web/

Sie veranschaulichen die Integrationen sämtlicher API-Methoden des Scanbot Web Document Scanner und des Barcode Scanner SDK, darunter der 1D- und 2D-Barcode-Scanner, der Dokumentenscanner, die Benutzeroberfläche zum Zuschneiden von Aufnahmen, Bildfilter, PDF- und TIFF-Rendering und das Scannen von maschinenlesbaren Zonen (MRZ).

Verfügbar auf allen großen Plattformen

Häufig gestellte Fragen

Sie haben nicht gefunden, wonach Sie gesucht haben? Wir haben für Sie die häufigsten Fragen zusammengestellt.

Wie scanne ich Barcodes mit JavaScript?

Die JavaScript-basierte Scantechnologie ermöglicht die Integration eines Barcode Scanner SDK Moduls in Ihre Website oder Webanwendung, um Barcodes mit jedem mobilen Gerät zu scannen, das über eine Rückkamera verfügt.

Wie integriere ich einen Barcode Scanner in eine Webanwendung?

Scanner SDKs ermöglichen die schnelle und einfache Integration von Barcode-Scanning-Funktionen in jede Website oder Web-App. Sie enthalten alle erforderlichen Tools, eine ausführliche Dokumentation und Scanfunktionen, die einwandfreie Ergebnisse garantieren.

Mit welchen Browsern kann ich Barcodes scannen?

Sie können Barcodes praktisch von jedem Browser aus scannen. Das Scanbot SDK unterstützt derzeit das Scannen mit jedem Browser, der WebAssembly unterstützt. Für Android sind dies: Chrome, Firefox & Edge, für iOS: Safari (Chrome und Firefox ab iOS 14.4).

Für welche Plattformen ist das Barcode Scanner SDK derzeit verfügbar?

Das Scanbot Barcode Scanner SDK eignet sich für native iOS- oder Android-Entwicklung, hybride Entwicklung über Xamarin & Xamarin.forms, Ionic, Cordova, Flutter, React Native und Webentwicklung über JavaScript.