H5和移动端交互

分手后的思念是犯贱 2022-03-01 09:08 377阅读 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 条评论，377人围观）

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

相关阅读

相关 H5 移动端适配

H5 移动端适配 * 前言 * 一、案例说明 * 二、移动端适配的两大要素 * 三、使用示范前言移动端的适配是前端开发者必须考虑的一个问题...

「爱情、让人受尽委屈。」/ 2024年04月19日 10:09/ 0 赞/ 110 阅读

相关移动端h5兼容ios和Android

viewport <meta charset="utf-8">

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

相关 H5js和移动安卓ios交互

H5js和移动安卓ios交互很好懂这个H5是基于VUE写的 [https://blog.csdn.net/weixin\_44696379/article/d

待我称王封你为后i/ 2023年03月06日 03:58/ 0 赞/ 31 阅读

相关移动端H5开发技巧

css篇 1、常用的meta设置 1、不缓存头部设置 <meta charset="UTF-8"> <meta name="viewport" c

曾经终败给现在/ 2023年03月04日 11:22/ 0 赞/ 11 阅读

相关 h5移动端知识小结

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

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

相关 h5移动端兼容问题

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

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

相关 js和移动端交互

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

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

相关 H5项目移动端调试器

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

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

相关 H5和移动端交互

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

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

相关 h5移动端注意事项

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

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