格创网络
格创网络
  • 发布:2018-06-10 19:46
  • 更新:2020-06-28 08:48
  • 阅读:3582

wap2app扫一扫功能兼容性问题

分类:wap2app

hbuilder版 本:HBuilder 9.0.8.201806081953

所用代码为官方DEOM案例(如下所示):

index.html页面

<div>  
        <button id="btn">扫一扫</button>  
    </div>  
    <br><br><br>  
        <div>  
        <button id="pay">支付宝支付</button>  
    </div>  
    <script>  
document.getElementById("btn").addEventListener("click", function() {  
    if(navigator.userAgent.indexOf("Html5Plus") > -1) {  
                var w = plus.webview.create('B.html', 'carcode1', {  
                'titleNView': {  
                    'backgroundColor': '#262930',  
                    'titleText': '扫一扫',  
                    'titleColor': '#FFFFFF',  
                    autoBackButton: false  
                }  
            });  
            plus.webview.show(w, 'slide-in-right', '300ms');  
    } else {  
       alert('请在APP中扫码');  
    }  
});  
</script>

B.html代码如下

 <script type="text/javascript">  
            var scan;  
            if(window.plus) {  
                plusready();  
            } else {  
                document.addEventListener('plusready', plusready, false);  
            }  

            function plusready() {  
                setTimeout(function(){  
                    scan = new plus.barcode.Barcode('mask');  
                    scan.start();  
                    scan.onmarked = function(type, result) {  
                        if(result) {  
                            scan.close();  
                                mui.openWindow({   
                                    url: 'http://www.baidu.com',  
                                    id: 'info',  
                                    extras:{  
                                      result:result  
                                    }  
                                });  
                        }  
                    };  
                },1000);  

                //处理返回事件  
                plus.key.addEventListener('backbutton', function() {  
                    plus.webview.currentWebview().close();  
                    //mui.back();  
                })  
            }  
        </script>

以上代码在真机测试时非常好,正式打包后偶尔会有一次能成功,华为多种型号手机在扫码后闪退。
opp手机扫码后也闪退。

0 关注 分享

要回复文章请先登录注册

[已删除]

[已删除]

我的早就解决了,这个肯定是你没有优化好呗
2020-06-28 08:48
菠萝momo

菠萝momo

回复 z***@efastserv.com :
请问您解决了吗 我也遇到同样的问题 求解答!谢谢
2020-06-26 16:31
菠萝momo

菠萝momo

请问您解决了吗 我也遇到同样的问题 求解答!谢谢
2020-06-26 16:31
z***@efastserv.com

z***@efastserv.com

楼主解决了吗?
2018-07-08 14:27