Scan barcodes into any web form

Your WMS, your internal tool, a Google Form, a ticketing system. If it has a text field in a browser, it takes a scan.

The usual way to put scanning in a web app is to build it: add a JavaScript decoding library, request camera access, handle the permission prompt, serve everything over HTTPS because browsers will not grant the camera otherwise, and then maintain it as browsers change. That is real work, and it has to be repeated for every app you want to scan into.

A scanning keyboard moves the problem outside the browser entirely. The decode happens in the keyboard, and the result arrives in the page as typed characters — which every form field on the internet already knows how to accept. The web app needs no library, no permission, no code and no awareness that scanning is happening at all.

That matters most for the applications nobody is going to rebuild: the internal WMS from years ago, the supplier portal you do not control, the form somebody made in an afternoon that the whole warehouse now depends on.

Setting it up

  1. 1

    Install the keyboard and enable it

    Install Barcode & QR Scanner Keyboard from Google Play, enable it in Android’s keyboard settings and set it as the active keyboard.

  2. 2

    Open the form and tap the field

    Any browser, any site, any input — a search box, a serial number field, a quantity box.

  3. 3

    Tap the barcode key

    The camera opens, the code is decoded, and the value is typed into the focused field. The page sees ordinary keystrokes.

  4. 4

    Use a suffix to submit or tab onward

    An Enter suffix will submit a single-field form straight away; a Tab suffix moves to the next input. Set it once and a repetitive entry screen stops needing the keyboard at all.

Worth knowing

No integration, in any of the apps

No JavaScript library to add, no SDK, no code review, no change request. This works on web apps you do not own and cannot modify.

No camera permission in the browser

In-page scanning needs getUserMedia, which needs a permission prompt and a secure context. The keyboard holds the camera instead, so an internal tool on plain HTTP works the same as anything else.

It fires the events a form expects

Because the value arrives as input rather than being written into the DOM, ordinary field validation and change handling behave as they do when someone types.

One keyboard, every web app

Set it up once and it works across every site and tool your team uses, rather than being built into one of them.

Where it works

  • Any web form opened in any browser on an Android phone or tablet.
  • Internal tools and legacy web apps, including ones served over plain HTTP.
  • Web apps you do not control — supplier portals, carrier sites, third-party systems.
  • Native Android apps too: the keyboard does not care whether the field is in a browser.
  • Not a desktop browser — the keyboard is an Android input method. If you need scanning inside a web page itself, on any device, talk to us about a browser build of our engine.

Frequently asked questions

How do I add barcode scanning to a web form?

You do not have to add anything. On Android, a scanning keyboard decodes the barcode and types the value into the focused field, so the web form receives it as ordinary keyboard input. No library, no code and no changes to the site.

Does this need camera permission in the browser?

No. In-page scanning uses the browser camera API, which requires a permission prompt and a secure context. Here the keyboard holds the camera, so the browser is never involved and a page served over plain HTTP works the same as any other.

Will my form validation still run?

Yes. The value arrives as typed input rather than being injected into the DOM, so the events a form listens for fire normally and validation behaves as it does for a person typing.

Can I scan into a web app I do not own?

Yes — that is the main advantage. Because nothing is installed in the page, it works on supplier portals, carrier sites and third-party systems you have no ability to modify.

Can scanning run inside the web page itself?

Not with the keyboard, which is an Android input method. A browser build of our own scanning engine is something we can put together for a customer who needs in-page scanning — get in touch and tell us what you are trying to do.

Try it on the next thing you were about to type

Free on Google Play. No hardware to buy, and nothing to connect to whatever you are scanning into.