前端开发：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, /