基于javascript实现判断移动终端浏览器版本信息

159 阅读 0 评论 105 点赞

我是靠谱客的博主老实世界，最近开发中收集的这篇文章主要介绍基于javascript实现判断移动终端浏览器版本信息，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

具体解释都在注释里，这里就不多废话了，直接奉上代码

复制代码代码如下:

<script type="text/javascript">

/*

* 智能机浏览器版本信息:

*

*/

  varbrowser={

    versions:function(){

           varu = 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.*/)||!!u.match(/AppleWebKit/),//是否为移动终端

                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 || u.indexOf('Mac') > -1, //是否为iPhone或者QQHD浏览器

                iPad: u.indexOf('iPad') > -1,//是否iPad

                webApp: u.indexOf('Safari') == -1//是否web应该程序，没有头部与底部

            };

         }(),

         language:(navigator.browserLanguage || navigator.language).toLowerCase()

}

document.writeln("语言版本: "+browser.language);

document.writeln(" 是否为移动终端: "+browser.versions.mobile);

document.writeln(" ios终端: "+browser.versions.ios);

document.writeln(" android终端: "+browser.versions.android);

document.writeln(" 是否为iPhone: "+browser.versions.iPhone);

document.writeln(" 是否iPad: "+browser.versions.iPad);

document.writeln(navigator.userAgent);

</script>