Add the method fnScanDisable() to the SCRIPT section:ĭocument.getElementById('scanData').value = 'disabled: press 'enable' to scan.'.

The last line takes the data attribute from the object and displays it in a text input field. A console.log() statement is used to show the JSON object's contents for testing purposes.

The JSON object passed to the function contains data captured during the scan. H1') ĭocument.getElementById('scanData').value = 'barcode: ' + jsonObject.data įnBarcodeScanned() is a callback function we passed to enable()in the previous method.

Styling to size components in an appropriate manner for use on a device.

Quit button that exits Enterprise Browser.

Home button that returns the user to an Enterprise Browser index page.

The following HTML template will be used as a starting point for this tutorial. The resulting application will look like this: The following tutorial will walk through creating a working barcode example application using these steps. The steps shown below are typical for code that uses this API.

Enterprise Browser installed on the Zebra deviceĮnterprise Browser includes an API for scanning barcodes.

Enterprise Browser installed on a development PC.

A background in HTML, CSS and JavaScript coding.

The following are required to complete this tutorial: This tutorial covers the use of the Enterprise Browser Barcode API.

Zebra 2 tutorial