js与原生进行交互

aiduojia5871

于 2019-05-31 17:26:00 发布

阅读量194

点赞数

CC 4.0 BY-SA版权

文章标签：移动开发前端操作系统 ViewUI

原文链接：http://www.cnblogs.com/WangXinPeng/p/10956462.html

本文介绍了一种在H5页面中通过调用原生方法来关闭页面的技术实现。具体方法是在Android设备上直接调用window.android.close()，而在iOS设备上则通过window.webkit.messageHandlers.close.postMessage('close')发送消息。这一技巧对于需要在混合应用中进行页面控制的web前端开发者尤其有用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

由于最近做的项目我作为web前端要和原生开发者合作，所以就去踩了踩坑。

这个功能是在h5页面上点击按钮关闭当前页面。

function click_fn() {
            var u = navigator.userAgent,
                app = navigator.appVersion;
            var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Linux') > -1; //android终端或者uc浏览器
            var isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端
            if (isAndroid) {
                window.android.close();
            } else if (isiOS) {
                window.webkit.messageHandlers.close.postMessage('close');
            }
        }

close()是原生开发者写的一个方法，android上可以直接调用，但是ios我们需要给他传一个参数，如postMessage('str')

转载于:https://www.cnblogs.com/WangXinPeng/p/10956462.html