app内嵌h5（h5跳转ios原生）

原创于 2019-10-26 14:04:29 发布 · 2.7k 阅读

1 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#ios #原生 #交互 #h5 #ipad

js 同时被 3 个专栏收录

16 篇文章

订阅专栏

15 篇文章

订阅专栏

ios

7 篇文章

订阅专栏

本文介绍了一种H5页面与iOS原生应用进行交互的方法，通过判断设备类型（iPhone或iPad）及浏览器（Safari），实现点击按钮后调用iOS原生分享功能。

h5与ios原生之间的交互，不仅需要判断是不是ios也要判断是不是Safari，因为ipad的浏览器内核是Safari。
（此时ios的系统是ios13，近期进行了升级）

function isIOS(){
        //判断是否是IOS
        var u = navigator.userAgent;
        return !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/);
 }

点击按钮之后跳转(判断iphone与ipad两种情况)
$(document).on('click','#btn',function(event){
		if (isIOS() || navigator.userAgent.indexOf('Safari') == -1) {
            var params = {'tuid':uid};
            window.webkit.messageHandlers.share.postMessage(params);    
            return;
        }
})

在这里插入图片描述
share 是ios方定的方法名，h5这边只需把判断好然后将参数传入就好