Android中Webview与原生界面交互及二维码扫描功能实现

最新推荐文章于 2024-05-16 03:29:01 发布

洛必达_old

最新推荐文章于 2024-05-16 03:29:01 发布

阅读量9.5k

点赞数 7

分类专栏： android 文章标签： Android Webview 二维码扫描 Android与JS交互

本文链接：https://blog.csdn.net/ADVANCE_DJJ/article/details/78989139

版权

版权声明：本文为博主原创文章，未经博主允许不得转载。

最近项目中有一个新的需求，大致是这样的：APP中通过WebView展示一个第三方的HTML5界面，用户可以在HTML5界面中调用Android摄像头进行二维码扫描，并将扫描结果显示在HTML5界面。这显然涉及到了Android原生与WebView之前的传值交互，由于之前对这一块不是很了解，所以特地写了一个小demo，方便自己以后使用，同时也分享给需要的人，先看一下demo的效果图吧。
demo效果图

我觉得主要有三个技术关键点：
1.Android 实现二维码扫描功能
2.Webview中点击事件拦截及跳转到原生二维码扫描界面
3.将扫描结果更新到Webview界面中

下面具体说明一下：
demo中显示在Webview中的HTML如下：

<body>
    <script>  
    //提供给Android调用的方法  
    function funFromjs(result){
      
        document.getElementById("result").innerText= result;
    }  

    </script>  
    <a href='doScan' style='margin:30px;'>扫描二维码</a>
    <div id="result" style="margin:10px;"></div>
</body>

其中funFromjs()方法是专门提供给Android原生调用的，将二维码扫描结构通过这个方法更新到Webview界面上。

再看看Android端是如何拦截HTML中的点击事件，然后调用原生二维码扫描的界面࿰

最低0.47元/天解锁文章

洛必达_old

关注

7
点赞
踩
11

收藏

觉得还不错? 一键收藏
3
评论
Android中Webview与原生界面交互及二维码扫描功能实现

版权声明：本文为博主原创文章，未经博主允许不得转载。最近项目中有一个新的需求，大致是这样的：APP中通过WebView展示一个第三方的HTML5界面，用户可以在HTML5界面中调用Android摄像头进行二维码扫描，并将扫描结果显示在HTML5界面。这显然涉及到了Android原生与WebView之前的传值交互，由于之前对这一块不是很了解，所以特地写了一个小demo，方便自己以后使用，同时也
复制链接

扫一扫