http://www.html5plus.org/doc/zh_cn/barcode.html
<!DOCTYPE html>
<html> <head> <meta charset="utf-8"> <title>Barcode Example</title> <script type="text/javascript" > // 扩展API加载完毕后调用onPlusReady回调函数 document.addEventListener( "plusready", onPlusReady, false ); // 扩展API加载完毕，现在可以正常调用扩展API function onPlusReady() { var e = document.getElementById("scan"); e.removeAttribute( "disabled" ); } var scan = null; function onmarked( type, result ) { var text = '未知: '; switch(type){ case plus.barcode.QR: text = 'QR: '; break; case plus.barcode.EAN13: text = 'EAN13: '; break; case plus.barcode.EAN8: text = 'EAN8: '; break; } alert( text+result ); } function startRecognize() { var filter; var styles = {frameColor: "#333",scanbarColor: "#999",background: "#000"}; scan = new plus.barcode.Barcode('bcid', filter, styles); scan.onmarked = onmarked; scan.start({vibrate: true}); } function startScan() { scan.start(); } function cancelScan() { scan.cancel(); } function closeRecognize() { scan.close(); } </script> <style type="text/css"> *{ -webkit-user-select: none; } html,body{ margin: 0px; padding: 0px; height: 100%; } #bcid { background:#0F0; height:480px; width:360px; } </style> </head> <body > <input type='button' οnclick='startRecognize()' value='创建扫描控件' /> <input type='button' οnclick='startScan()' value='开始扫描' /> <input type='button' οnclick='cancelScan()' value='取消扫描' /> <input type='button' οnclick='closeRecognize()' value='删除扫描控件' /> <div id= "bcid"></div> <input type='text' id='text'/> </body> </html>