前端开发：H5页面判断是否在微信、原生iOS、原生Android中打开的使用

前言

在前端开发的时候，关于和原生端或者微信端等交互的时候，会涉及到页面判断在不同的客户端打开不同的效果，这就是关于H5页面中判断在哪种客户端打开的范畴。主要是通过获取当前打开的客户端类型在进行处理的，那么本篇博文就来分享一下关于H5页面判断在哪个类型客户端打开的相关知识，方便查阅使用。

常用类型

前端开发中关于H5页面判断在哪种客户端打开的类型，常用的分为：原生（iOS或者Android）、微信/qq内置浏览器、微信小程序。要想判断打开的客户端类型，直接通过获取端口的方式来处理，具体的判断端口的使用方法如下所示：

// 判断端口var browser = {    versions: function() {         var u = navigator.userAgent;         app = navigator.appVersion;         return { //移动端浏览器的版本信息            WxApp: u.indexOf("MicroMessenger") > 0, //微信打开            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, /

前端开发：H5页面判断是否在微信、原生iOS、原生Android中打开的使用相关推荐

h5页面判断是在微信打开还是在浏览器打开
// isweixinfunction is_weixin(){var ua = navigator.userAgent.toLowerCase();if (ua.match(/MicroMessen ...
企业微信开发H5页面授权使用接口的问题
企业微信 h5踩坑指南企业微信开发H5页面授权使用接口的问题开发企业微信的时候 h5页面需要获取登录用户的信息,这个时候就需要jsdk里面的 [开发文档] (https://work.weixi ...
如何搭积木式的快速开发H5页面?
2个月前开源的H5编辑器 H5-Dooring 目前已经成功迭代到1.0版本, 从最开始的基本的页面生成框架到现在的支持更丰富的组件资源,交互能力和数据追踪能力, 期间做了很多的设计和迭代,也收获了很 ...
移动端h5文字长按复制_移动端开发 H5 页面在 iOS手机上无法实现长按复制文本求解决...
移动端开发 H5 页面在 iOS手机上无法实现长按复制文本百度谷歌搜索的答案是 iOS手机系统自带需要设置禁用我们需求是要实现此功能可是我在手机测试并没有实现长按复制文本之前这样设置可以 ...
微信浏览器iframe嵌套h5，h5页面不能调起微信支付问题处理
微信浏览器iframe嵌套h5,h5页面不能调起微信支付问题处理第一步: 微信公众号配置网页授权域名,拿用户openid 第二步: h5页面跳转后端微信静默授权,拿到用户的openid 第三步: 微 ...
微信URL Scheme码+长链接转短链接+短链接通过h5页面跳转到微信小程序
微信URL Scheme码+长链接转短链接+短链接通过h5页面跳转到微信小程序 --生成微信URL Scheme码-->长链接转换成短链接-->通过短信进行推广-->用户访问营销短信 ...
H5页面判断安卓苹果
H5页面判断安卓苹果 $(function(){var u = navigator.userAgent, app = navigator.appVersion;var isAndroid = u.in ...
h5页面提示只能在微信浏览器中打开_h5移动端开发判断只能在微信浏览器打开...
在开发的过程中可能会遇到项目只能在微信浏览器打开的需求,那么只需要在项目的页面添加以下代码即可(单页面应用在入口文件添加即可). var ua = navigator.userAgent.toLowe ...
去哪编辑html5页面,h5页面判断网页在哪打开
const ua = navigator.userAgent.toLowerCase(); const isInWeibo = () => / Weibo /i.test(ua); //微博 t ...

前端开发：H5页面判断是否在微信、原生iOS、原生Android中打开的使用

前言

常用类型

前端开发：H5页面判断是否在微信、原生iOS、原生Android中打开的使用相关推荐

最新文章

热门文章