导航:首页 > 编程语言 > js代码取出浏览器ua

js代码取出浏览器ua

 发布时间：2024-12-06 07:38:28

1. 使用js如何判断客户端类型


这篇文章主要给大家总结介绍了关于利用JS判断客户端类型的四种方法，比如通过通过判断浏览器的userAgent、检查是否是移动端（Mobile）、ipad、iphone、微信、qq等的方法，需要的朋友可以参考借鉴，下面
前言
我们在写响应式布局的时候，总要考虑是否是移动端，基于这个这里总结了4种方法判断客户端是否是ios或者android。分享出来供大家参考学习，下面随着小编来一起看看详细的介绍吧。
方法如下：
1. 第一种：通过判断浏览器的userAgent，用正则来判断是否是ios和Android客户端
User Agent中文名为用户代理，是Http协议中的一部分，属于头域的组成部分，User Agent也简称UA。它是一个特殊字符串头，是一种向访问网站提供你所使用的浏览器类型及版本、操作系统及版本、浏览器内核、等信息的标识。通过这个标 识，用户所访问的网站可以显示不同的排版从而为用户提供更好的体验或者进行信息统计；例如用手机访问谷歌和电脑访问是不一样的，这些是谷歌根据访问者的 UA来判断的。UA可以进行伪装。
浏览器的UA字串的标准格式：浏览器标识 (操作系统标识; 加密等级标识; 浏览器语言) 渲染引擎标识版本信息。但各个浏览器有所不同。
代码如下:
<script type="text/javascript">
var u = navigator.userAgent;
var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Adr') > -1; //android终端
var isiOS = !!u.match(/(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端
alert('是否是Android：'+isAndroid);
alert('是否是iOS：'+isiOS);
</script>2. 第二种：检查是否是移动端（Mobile）、ipad、iphone、微信、QQ等。
2.1 代码如下:
<script type="text/javascript">
//判断访问终端
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('Adr') > -1, //android终端
iPhone: u.indexOf('iPhone') > -1 , //是否为iPhone或者QQHD浏览器
iPad: u.indexOf('iPad') > -1, //是否iPad
webApp: u.indexOf('Safari') == -1, //是否web应该程序，没有头部与底部
weixin: u.indexOf('MicroMessenger') > -1, //是否微信 （2015-01-22新增）
qq: u.match(/sQQ/i) == " qq" //是否QQ
};
}(),
language:(navigator.browserLanguage || navigator.language).toLowerCase()
}
</script>2.2 使用方法
/判断是否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("移动端"); }2.3 检测浏览器语言
currentLang = navigator.language; //判断除IE外其他浏览器使用语言
if(!currentLang){//判断IE浏览器使用语言
currentLang = navigator.browserLanguage;
}
alert(currentLang);3. 判断iPhone|iPad|iPod|iOS|Android客户端
代码如下:
if (/(iPhone|iPad|iPod|iOS)/i.test(navigator.userAgent)) { //判断iPhone|iPad|iPod|iOS
//alert(navigator.userAgent);
window.location.href ="iPhone.html";
} else if (/(Android)/i.test(navigator.userAgent)) { //判断Android
//alert(navigator.userAgent);
window.location.href ="Android.html";
} else { //pc
window.location.href ="pc.html";
};4. 判断pc还是移动端
代码如下:
<script>
//判断是否手机端访问
var userAgentInfo = navigator.userAgent.toLowerCase();
var Agents = ["android", "iphone",
"symbianos", "windows phone",
"ipad", "ipod"];
var ly=document.referrer; //返回导航到当前网页的超链接所在网页的URL
for (var v = 0; v < Agents.length; v++) {
if (userAgentInfo.indexOf(Agents[v]) >= 0&&(ly==""||ly==null)) {
this.location.href='http://m.***.com'; //wap端地址
}
}
</script>5. 常用跳转代码
看代码
<script type="text/javascript">
// borwserRedirect
(function browserRedirect(){
var sUserAgent = navigator.userAgent.toLowerCase();
var bIsIpad = sUserAgent.match(/ipad/i) == 'ipad';
var bIsIphone = sUserAgent.match(/iphone os/i) == 'iphone os';
var bIsMidp = sUserAgent.match(/midp/i) == 'midp';
var bIsUc7 = sUserAgent.match(/rv:1.2.3.4/i) == 'rv:1.2.3.4';
var bIsUc = sUserAgent.match(/ucweb/i) == 'web';
var bIsCE = sUserAgent.match(/windows ce/i) == 'windows ce';
var bIsWM = sUserAgent.match(/windows mobile/i) == 'windows mobile';
var bIsAndroid = sUserAgent.match(/android/i) == 'android';
var pathname = location.pathname
if(bIsIpad || bIsIphone || bIsMidp || bIsUc7 || bIsUc || bIsCE || bIsWM || bIsAndroid ){
window.location.href = 'http://m.geekjc.com'+pathname; //wap端地址
}
})();
</script>上面是我整理给大家的，希望今后会对大家有帮助。
相关文章：
使用Vue时浏览器后退无法触发beforeRouteLeave的问题
在fastclick代码中如何解决tap“点透”
在anime.js中如何实现动画效果的复选框
在vue中常用组件和框架结构（详细教程）

2. 如何判断是否是微信访问 微信UA

做微信站点的开发的时候，我们有需求只允许微信来访问网页。
可行的一种方法是按照浏览器UA来判断是否是微信。
下面是我抓取到的UA：

1

Mozilla/5.0 (iPhone; CPU iPhone OS 8_0 like Mac OS X) AppleWebKit/600.1.4 (KHTML, like Gecko) Mobile/12A365 MicroMessenger/5.4.1 NetType/WIFI

我们可以通过MicroMessenger关键词来判断是否是微信了。
下面是js和php的方法示例：

function is_weixin(){
var ua = navigator.userAgent.toLowerCase();
if(ua.match(/MicroMessenger/i)=="micromessenger") {
return true;
} else {
return false;
}
}

PHP:

function is_weixin(){
if ( strpos($_SERVER['HTTP_USER_AGENT'], 'MicroMessenger') !== false ) {
return true;
}
return false;
}

3. 如何通过JS程序判断UA

<scripttype="text/javascript">
/**
*[judgeOs用户代理判断]
*@return{[type]}[description]
*/
functionjudgeOs(){
varua=navigator.userAgent,
isWindowsPhone=/(?:WindowsPhone)/.test(ua),
isSymbian=/(?:SymbianOS)/.test(ua)||isWindowsPhone,
isAndroid=/(?:Android)/.test(ua),
isFireFox=/(?:Firefox)/.test(ua),
isChrome=/(?:Chrome|CriOS)/.test(ua),
//平板
isTablet=/(?:iPad|PlayBook)/.test(ua)||(isAndroid&&!/(?:Mobile)/.test(ua))||(isFireFox&&/(?:Tablet)/.test(ua)),
isPhone=/(?:iPhone)/.test(ua)&&!isTablet,
isPc=!isPhone&&!isAndroid&&!isSymbian;

return{
isTablet:isTablet,
isPhone:isPhone,
isAndroid:isAndroid,
isPc:isPc
};
},

//资料参考HTML5学堂
</script>

4. js 如何判断 谷歌与火狐浏览器 本人JS比较菜 麻烦各位给指点下 谢谢了

这段代码很早之前在网上搜到的，忘了出处了
<script language="javascript" type="text/javascript">
function userAgent(){
var ua = navigator.userAgent;
ua = ua.toLowerCase();
var match = /(webkit)[ \/]([\w.]+)/.exec(ua) ||
/(opera)(?:.*version)?[ \/]([\w.]+)/.exec(ua) ||
/(msie) ([\w.]+)/.exec(ua) ||
!/compatible/.test(ua) && /(mozilla)(?:.*? rv:([\w.]+))?/.exec(ua) ||
[];
//match[2]判断版本号
switch(match[1]){
case "msie": //ie
if (parseInt(match[2]) == 6) //ie6
alert("ie6");
else if (parseInt(match[2]) == 7) //ie7
alert("ie7");
else if (parseInt(match[2]) == 8) //ie8
alert("ie8");
break;
case "webkit": //safari or chrome
alert("safari or chrome");
break;
case "opera": //opera
alert("opera");
break;
case "mozilla": //Firefox
alert("Firefox");
break;
default:
break;
}
}
userAgent();
</script>

5. JS辨别访问浏览器判断是android还是ios系统

<script type="text/javascript">
/*
* 智能机浏览器版本信息:
*
*/
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.*/) || !!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="https://itunes.apple.com/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);

</script>

6. 如何用html判断浏览器内核

js方法

  1. 判断浏览器名称和版本

  2. 目前只能判断:ie/firefox/chrome/opera/safari

  3. 2012年5月16日23:47:08

  4. 浏览器内核UA:UA;

  5. 浏览器内核名称:NV.name;

  6. 浏览器内核版本:NV.version;

  7. 浏览器外壳名称:NV.shell;

var NV = {};

var UA = navigator.userAgent.toLowerCase();

try

{

NV.name=!-[1,]?'ie':

(UA.indexOf("firefox")>0)?'firefox':

(UA.indexOf("chrome")>0)?'chrome':

window.opera?'opera':

window.openDatabase?'safari':

'unkonw';

}catch(e){};

try

{

NV.version=(NV.name=='ie')?UA.match(/msie ([d.]+)/)[1]:

(NV.name=='firefox')?UA.match(/firefox/([d.]+)/)[1]:

(NV.name=='chrome')?UA.match(/chrome/([d.]+)/)[1]:

(NV.name=='opera')?UA.match(/opera.([d.]+)/)[1]:

(NV.name=='safari')?UA.match(/version/([d.]+)/)[1]:

'0';

}catch(e){};

try

{

NV.shell=(UA.indexOf('360ee')>-1)?'360极速浏览器':

(UA.indexOf('360se')>-1)?'360安全浏览器':

(UA.indexOf('se')>-1)?'搜狗浏览器':

(UA.indexOf('aoyou')>-1)?'遨游浏览器':

(UA.indexOf('theworld')>-1)?'世界之窗浏览器':

(UA.indexOf('worldchrome')>-1)?'世界之窗极速浏览器':

(UA.indexOf('greenbrowser')>-1)?'绿色浏览器':

(UA.indexOf('qqbrowser')>-1)?'QQ浏览器':

(UA.indexOf('')>-1)?'网络浏览器':

'未知或无壳';

}catch(e){}

alert('浏览器UA='+UA+

' 浏览器名称='+NV.name+

' 浏览器版本='+parseInt(NV.version)+

' 浏览器外壳='+NV.shell);

});

2.jQuery插件

(function($)

{

/*

判断浏览器名称和版本

目前只能判断:ie/firefox/chrome/opera/safari

2012年5月16日23:47:08

浏览器内核UA:$.NV('ua');或$.NV('UA');

浏览器内核名称:$.NV('name');或$.NV();

浏览器内核版本:$.NV('version');

浏览器外壳名称:$.NV('shell');

*/

$.extend(

{

NV:function(name)

{

var NV = {};

var UA = navigator.userAgent.toLowerCase();

try

{

NV.name=!-[1,]?'ie':

(UA.indexOf("firefox")>0)?'firefox':

(UA.indexOf("chrome")>0)?'chrome':

window.opera?'opera':

window.openDatabase?'safari':

'unkonw';

}catch(e){};

try

{

NV.version=(NV.name=='ie')?UA.match(/msie ([d.]+)/)[1]:

(NV.name=='firefox')?UA.match(/firefox/([d.]+)/)[1]:

(NV.name=='chrome')?UA.match(/chrome/([d.]+)/)[1]:

(NV.name=='opera')?UA.match(/opera.([d.]+)/)[1]:

(NV.name=='safari')?UA.match(/version/([d.]+)/)[1]:

'0';

}catch(e){};

try

{

NV.shell=(UA.indexOf('360ee')>-1)?'360极速浏览器':

(UA.indexOf('360se')>-1)?'360安全浏览器':

(UA.indexOf('se')>-1)?'搜狗浏览器':

(UA.indexOf('aoyou')>-1)?'遨游浏览器':

(UA.indexOf('theworld')>-1)?'世界之窗浏览器':

(UA.indexOf('worldchrome')>-1)?'世界之窗极速浏览器':

(UA.indexOf('greenbrowser')>-1)?'绿色浏览器':

(UA.indexOf('qqbrowser')>-1)?'QQ浏览器':

(UA.indexOf('')>-1)?'网络浏览器':

'未知或无壳';

}catch(e){}

switch(name)

{

case 'ua':

case 'UA':br=UA;break;

case 'name':br=NV.name;break;

case 'version':br=NV.version;break;

case 'shell':br=NV.shell;break;

default:br=NV.name;

}

return br;

}

});

})(jQuery);

$(function()

{

alert('浏览器UA='+$.NV('UA')+

' 浏览器名称='+$.NV('name')+

' 浏览器版本='+parseInt($.NV('version'))+

' 浏览器外壳='+$.NV('shell'));

});

7. 如何判断是否是微信访问 微信UA

通过判断HTTP_USER_AGENT中是否有MicroMessenger即可判断是不是微信过来的请求：
if(strpos($_SERVER["HTTP_USER_AGENT"],"MicroMessager")){
echo "Welcome to wechat world!";
}else{
echo "('<span style="font-size:28px;">HTTP/1.1 401 UnAuthorized</span>')";
}

重要的是如何通过微信客户端获得tiket,确定用户的身份,如果获取不到tiket都不是微信浏览器，这个做法应该是最好的。

阅读全文

与js代码取出浏览器ua相关的资料

热点内容
哪些地方网络信号更好些 浏览：753
jar反编辑工具 浏览：614
描述数据波动大小有哪些 浏览：584
u盘exfat可复制4g以上的文件吗 浏览：667
a4大小的文件过塑多少钱 浏览：26
畅天游2app在哪里下载 浏览：844
微信看文字的图片 浏览：298
将文件直接粘入word 浏览：134
VIP解析APP有哪些 浏览：463
怎样彻底卸载cad文件 浏览：829
iphone4港版 浏览：624
怎么用命令打开程序错误 浏览：665
iphone6怎么改控制中心 浏览：808
ns错误代码 浏览：653
iphone4s如何取消软件更新提示 浏览：538
jsp打印换行 浏览：662
哪个软件可以编程手机软件 浏览：554
如东如何学数控编程培训 浏览：5
微信h5页面怎么修改 浏览：931
手机怎么无法打开视频文件夹 浏览：840

友情链接