js常见的判断移动端或者pc端或者安卓和苹果浏览器的方法总结
8494次浏览
很久之前写了一篇，里面介绍了运用navigator判断浏览器类型。今天在这篇文章基础上做个补充吧！
js 判断安卓或者ios 之indexOf方式
//判断访问终端
var browser={
versions:function(){
var u = navigator.userAgent, app = navigator.appV
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应该程序，没有头部与底部
weixin: u.indexOf('MicroMessenger') & -1, //是否微信 （新增）
qq: u.match(/\sQQ/i) == & qq& //是否QQ
language:(navigator.browserLanguage || navigator.language).toLowerCase()
使用方法：
//判断是否IE内核
if(browser.versions.trident){ alert(&is IE&); }
//判断是否webKit内核
if(browser.versions.webKit){ alert(&is webKit&); }
//判断是否移动端
if(browser.versions.mobile||browser.versions.android||browser.versions.ios){ alert(&移动端&); }
js 判断安卓或者ios 之正则表达式方式
if (/(iPhone|iPad|iPod|iOS)/i.test(navigator.userAgent)) {
//alert(navigator.userAgent);
} else if (/(Android)/i.test(navigator.userAgent)) {
//alert(navigator.userAgent);
相关文章：
关键词搜索网页设计教程与开发
提供各种常见网页效果
提供各种各样的设计教程
装扮QQ，让QQ变得更酷
设计参考，提高自升水平
学习服务器和操作系统
提供各种素材和工具
收藏学习资料
您现在的位置：&&>>&&>>&&>>&&>>&正文
JS辨别访问浏览器判断是android还是ios系统
项目中需要扫描二维码之后自动分辨出是android还是ios系统，针对于不同的系统进行不同的下载。
&script type="text/javascript"&
* 智能机浏览器版本信息:
var browser = {
versions: function() {
var u = navigator.userAgent, app = navigator.appV
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()
if (browser.versions.ios || browser.versions.iPhone || browser.versions.iPad) {
window.location="/xxx";
else if (browser.versions.android) {
window.location="http://xxx/xxx.apk";
// 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);
转载请注明:破洛洛(谢谢合作)
上一篇文章： 下一篇文章：
网友评论：
[][][][][][][][][][]17:34 提问
怎么判断网页是被安卓设备访问还是IOS设备访问
我的一个播放视频页面
放了优酷的通用代码
苹果的设备都可以观看 但是安卓的设备有一部分看不了，所以想学习一下怎么判断是哪种设备访问的页面 可以加载不同的视频链接
按赞数排序
&!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"&
&TITLE&&/TITLE&
&div id="testid"&&/div&
&script type="text/javascript"&
var browser={
versions:function(){
var u = navigator.userAgent, app = navigator.appV
//移动终端浏览器版本信息
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()
var html=[];
html[html.length]="语言版本: "+browser.
html[html.length]=" 是否为移动终端: "+browser.versions.mobile+"&br/&";
html[html.length]=" ios终端: "+browser.versions.ios+"&br/&";
html[html.length]=" android终端: "+browser.versions.android+"&br/&";
html[html.length]=" 是否为iPhone: "+browser.versions.iPhone+"&br/&";
html[html.length]=" 是否iPad: "+browser.versions.iPad+"&br/&";
html[html.length]=navigator.userAgent+"&br/&";
document.getElementById("testid").innerHTML=html.join("");
通过Http的Request头中的UserAgent字段可以判断。
从HTTP的header中的User-Agent来获取信息
其他相似问题