H5和移动端交互

分手后的思念是犯贱 2022-03-01 09:08 345阅读 0赞

>     // 移动端的浏览器内核
>     var browser={
>                     versions:function(){
>                         var u = navigator.userAgent, app = navigator.appVersion;
>                         return {         //移动终端浏览器版本信息
>                             trident: u.indexOf('Trident') > -1, //IE内核
>                             presto: u.indexOf('Presto') > -1, //opera内核
>                             webKit: u.indexOf('AppleWebKit') > -1, //苹果、谷歌内核
>                             gecko: u.indexOf('Gecko') > -1 && u.indexOf('KHTML') == -1, //火狐内核
>                             mobile: !!u.match(/AppleWebKit.*Mobile.*/), //是否为移动终端
>                             ios: !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/), //ios终端
>                             android: u.indexOf('Android') > -1 || u.indexOf('Linux') > -1, //android终端或uc浏览器
>                             iPhone: u.indexOf('iPhone') > -1 , //是否为iPhone或者QQHD浏览器
>                             iPad: u.indexOf('iPad') > -1, //是否iPad
>                             webApp: u.indexOf('Safari') == -1 //是否web应该程序，没有头部与底部
>                         };
>                     }(),
>                     language:(navigator.browserLanguage || navigator.language).toLowerCase()
>                 }  
>               // ios交互方式，pay即是和移动端的约定好的schema              
>               if(browser.versions.ios){
>                  window.webkit.messageHandlers.pay.postMessage({"payType":data.payType,"pay":data.pay});
>               }else if(browser.versions.android){// android交互方式
>                   window.android.pay(data.payType,data.pay);
>               }

发表评论取消回复

表情：

评论列表（有 0 条评论，345人围观）

还没有评论，来说两句吧...

相关阅读

相关移动端h5兼容ios和Android

viewport <meta charset="utf-8">

布满荆棘的人生/ 2023年06月27日 15:59/ 0 赞/ 393 阅读

相关 h5移动端知识小结

meta基础知识 H5页面窗口自动调整到设备宽度，并禁止用户缩放页面 <meta name="viewport" content="width=device-w

矫情吗；*/ 2022年07月15日 12:08/ 0 赞/ 301 阅读

相关 h5移动端兼容问题

H5项目常见问题及注意事项 H5页面窗口自动调整到设备宽度，并禁止用户缩放页面 //一、HTML页面结构 <meta name="viewport" conten

浅浅的花香味﹌/ 2022年06月01日 03:27/ 0 赞/ 431 阅读

相关 js和移动端交互

1、js和移动端交互移动端打开wap页面,点击某按钮以后可返回一下代码: var ua = navigator.userAgent.toLowerCase();

拼搏现实的明天。/ 2022年05月31日 05:21/ 0 赞/ 238 阅读

相关移动端通过H5 获取经纬度

1、通过以下代码获取经纬度 getlocationpoint() function getlocationpoint() {

我不是女神ヾ/ 2022年05月11日 11:36/ 0 赞/ 555 阅读

相关 H5项目移动端调试器

开发的移动端H5项目在手机浏览器调试工具 [https://github.com/liriliri/eruda/blob/master/doc/README\_CN.md][

不念不忘少年蓝@/ 2022年03月22日 08:48/ 0 赞/ 338 阅读

相关 Vue移动端项目模板h5

基于版本vue2.6的一个集成移动端开发插件的Vue移动端模板包含 1、css: 使用stylus开发css 集成r

待我称王封你为后i/ 2022年03月22日 08:46/ 0 赞/ 753 阅读

相关 H5和移动端交互

> // 移动端的浏览器内核 > var browser={ > versions:function(){ >

分手后的思念是犯贱/ 2022年03月01日 09:08/ 0 赞/ 345 阅读

相关 H5移动端放大缩小解决

> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scal

比眉伴天荒/ 2022年03月01日 08:41/ 0 赞/ 446 阅读

相关 h5移动端注意事项

一、meta的使用 1、<meta name="viewport" content="width=device-width,initial-scale=1.0, min...

心已赠人/ 2022年02月19日 11:47/ 0 赞/ 517 阅读