HTML Example Page

Quick Example

Press a button to configure!
Scan some barcodes!
Press to come back!

What is this app for?

Scanbrowser is made to make it simple to build your own browser based barcode scan solutions. It is made for Android industry devices with build in barcode scanner. But it can also be used with Bluetooth or USB barcode scanners, or with ZXING camera scanner app (not recommended because too slow).

When a barcode was scanned the app can

How to use?

This page shows some examples how you could use ScanBrowser. The app will be configured using an HTML page like this one. Take a look at the HTML source of this page () to understand how to build your own page to use ScanBrowser for your individual needs!
Go to Settings / General / Home URL to exchange the link of this example page against the link to your own page or web app. Here is a more compact example as starting point for your own page.

ScanBrowser supports 3 modes

  1. ScanToURL
  2. ScanToRegEx
  3. ScanToJS

1. ScanToURL

The most simple mode. After each barcode scan your given URL will be loaded with the barcode as URL parameter.

Example: To search for the UPC/EAN 4211125663810 on Ebay you use this url: http://www.ebay.com/sch/?_nkw=4211125663810, so you set up scanbrowser for this URL: http://www.ebay.com/sch/?_nkw=$SCAN. Scanbrowser will substitute $SCAN with your scanned barcode.

Press a button to try it out! It will configure ScanBrowser for an example URL. Then scan some barcodes. Press the home symbol at the top of Scanbrowser to come back to this page.

2. ScanToRegEx

While in ScanToURL mode you only can define one URL which will be used for all barcode scans, in ScanToRegEx mode you can set different URLs for different types of barcodes. So here you define a set of RegEx - URL pairs. If a barcode matches one RegEx it's URL will load with the barcode as parameter.

Example: You can use a RegEx to match EAN or UPC codes which have 13 or 12 digits. And a second RegEx which matches your order numbers in the format 123-1234567-1234. So if a EAN/UPC is scanned it will load the URL of your product management page, but if you scan an order barcode the URL of order management page will load ... This mode is still in work.

3. ScanToJS

The most advanced mode. With this mode you can implement any barcode scan solution you want, only using HTML5 & Javascript. Your web app only needs to implement a Javascript function onAppScan(barcode,barcodeLength,aimId). This function will be called after each successful barcode scan. It gives you the barcode in the first paramenter. So you can process the barcode in your own app.

Press the button to open the example app. Then scan some barcodes.

Other Features

ScanBrowser have some other small features to make your own web app more usefull. See page 2.

page 1 page 2