搜索
您的当前位置:首页正文

JS判断浏览器类型与版本的实现代码_javascript技巧

2023-12-03 来源:字库网

在众多的浏览器产品中,IE、Firefox、Opera、Safari........众多品牌却标准不一,因此时常需要根据不同的浏览器,甚至相同浏览器不同版本做不同的操作,因此,知晓浏览器的判断方法,还是很重要的。下面列举一下常用的判断方法 1、判断浏览器是否为IE document.all ? 'IE' : 'others':在IE下document.all值为1,而其他浏览器下的值为0; navigator.userAgent.indexOf("MSIE")>0 ? 'IE' : 'others':navigator.userAgent是描述用户代理信息。 navigator.appName.indexOf("Microsoft") != -1 ? 'IE' : 'others':navigator.appName描述浏览器名称信息。 2、判断IE版本 navigator.appVersion.match(/6./i)=="6." ? 'IE6' : 'other version':在已知是IE浏览器的情况下,可以通过此方法判断是否是IE6; navigator.userAgent.indexOf("MSIE 6.0")>0 ? 'IE7' : 'other version':同上; navigator.appVersion.match(/7./i)=="7." ? 'IE7' : 'other version':在已知是IE浏览器的情况下,可以通过此方法判断是否是IE7; navigator.userAgent.indexOf("MSIE 7.0")>0 ? 'IE7' : 'other version':同上; navigator.appVersion.match(/8./i)=="8." ? 'IE8' : 'other version':在已知是IE浏览器的情况下,可以通过此方法判断是否是IE8; navigator.userAgent.indexOf("MSIE 8.0")>0 ? 'IE8' : 'other version':同上。 3、JS获取浏览器信息 浏览器代码名称:navigator.appCodeName 浏览器名称:navigator.appName 浏览器版本号:navigator.appVersion 对Java的支持:navigator.javaEnabled() MIME类型(数组):navigator.mimeTypes 系统平台:navigator.platform 插件(数组):navigator.plugins 用户代理:navigator.userAgent DEMO: Js代码 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

小编还为您整理了以下内容,可能对您也有帮助:

js判断浏览器类型及版本

js判断浏览器类型及版本在网站前端开发中,浏览器兼容性是前端开发框架要解决的第一个问题,要解决兼容性问题就得首先准确判断出浏览器的类型及其版本,而判断浏览器的版本一般只能通过分析浏览器的userAgent才能知道.

各种浏览器的userAgent:

IE各个版本典型的userAgent如下 Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 6.0) Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 5.2) Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.1) Mozilla/4.0 (compatible; MSIE 5.0; Windows NT) Firefox几个版本的userAgentMozilla/5.0 (Windows; U; Windows NT 5.2) Gecko/2008070208 Firefox/3.0.1 Mozilla/5.0 (Windows; U; Windows NT 5.1) Gecko/20070309 Firefox/2.0.0.3 Mozilla/5.0 (Windows; U; Windows NT 5.1) Gecko/20070803 Firefox/1.5.0.12 Opera提供了专门的浏览器标志,就是window.opera属性。Opera典型的userAgent如下 Opera/9.27 (Windows NT 5.2; U; zh-cn) Opera/8.0 (Macintosh; PPC Mac OS X; U; en) Mozilla/5.0 (Macintosh; PPC Mac OS X; U; en) Opera 8.0 Safari浏览器中有一个其他浏览器没有的openDatabase函数,可做为判断Safari的标志。Safari典型的userAgent如下 Mozilla/5.0 (Windows; U; Windows NT 5.2) AppleWebKit/525.13 (KHTML, like Gecko) Version/3.1 Safari/525.13 Mozilla/5.0 (iPhone; U; CPU like Mac OS X) AppleWebKit/420.1 (KHTML, like Gecko) Version/3.0 Mobile/4A93 Safari/419.3 Chrome的userAgent Mozilla/5.0 (Windows; U; Windows NT 5.2) AppleWebKit/525.13 (KHTML, like Gecko) Chrome/0.2.149.27 Safari/525.13 Apple Inc的userAgent Apple iPhone : Mozilla/5.0 (iPhone; U; CPU iPhone OS 3_0 like Mac OS X; en-us) AppleWebKit/420.1 (KHTML, like Gecko) Version/3.0 Mobile/1A542a Safari/419.3 iPod Touch : Mozilla/5.0 (iPod; U; CPU iPhone OS 3_1_1 like Mac OS X; en-us) AppleWebKit/528.18 (KHTML, like Gecko) Mobile/7C145 Apple iPad : Mozilla/5.0 (iPad; U; CPU OS 3_2 like Mac OS X; en-us) AppleWebKit/531.21.10 (KHTML, like Gecko) Version/4.0.4 Mobile/7B367 Safari/531.21.10

判断浏览器版本

if navigator.userAgent.indexOf(”MSIE”)0) {} //判断是否IE浏览器if(isFirefox=navigator.userAgent.indexOf(”Firefox”)0){ }判断是否火狐浏览器if(isSafari=navigator.userAgent.indexOf(”Safari”)0) {}判断是否Safari浏览器 if(isSafari=navigator.userAgent.indexOf(”Opera”)0) {}判断是否Opera浏览器 var sUserAgent = navigator.userAgent.toLowerCase(); var bIsIpad = sUserAgent .match(/ipad/i) == "ipad"; //判断是否为 ipad var bIsIphoneOs = sUserAgent .match(/iphone os/i) == "iphone os";//判断是否为iphone os var bIsMidp = sUserAgent .match(/midp/i) == "midp"; //判断是否为 midp var bIsUc = sUserAgent .match(/ucweb/i) == "ucweb"; //判断是否为 ucweb var bIsAndroid = sUserAgent .match(/android/i) == "android"; //判断是否为 android var bIsCE = sUserAgent .match(/windows ce/i) == "windows ce"; //判断是否为 windows ce var bIsWM = sUserAgent .match(/windows mobile/i) == "windows mobile"; //判断是否为windows mobile

判断浏览器类型

if navigator.userAgent.indexOf(”MSIE”)0){ //是否是IE浏览器 :navigator.userAgent是描述用户代理信息。ie11已经不支持了,ie11不在包含MSIE字段 if navigator.userAgent.indexOf(”MSIE 6.0″)0){ //IE6.0 if navigator.userAgent.indexOf(”MSIE 7.0″)0){//IE7.0 if navigator.userAgent.indexOf(”MSIE 8.0″)0){//IE8.0 最短的IE浏览器判断代码 利用了IE与标准浏览器在处理数组的toString方法的差异.对于标准游览器,如果数组里面最后一个字符为逗号,JS引擎会自动剔除它. var ie = !-[1,]; alert(ie); jquery判断浏览器类型和浏览器版本号的方法 $(document).ready(function(){ varbrow=$.browser; varbInfo=""; if(brow.msie){bInfo="MicrosoftInternetExplorer"+brow.version;} if(brow.mozilla){bInfo="MozillaFirefox"+brow.version;} if(brow.safari){bInfo="AppleSafari"+brow.version;} if(brow.opera){bInfo="Opera"+brow.version;} alert(bInfo); }); 注意:Query 从 1.9 版开始,移除了 $.browser 和 $.browser.version , 取而代之的是 $.support 方法

如何用JavaScript判断访问的来源是电脑还是手机,是什么浏览器

如何用JavaScript判断访问的来源是电脑还是手机,是什么浏览器 js 判断是什么型别浏览器

复制程式码程式码如下:

if ( window.sidebar && "object" == typeof( window.sidebar ) && "function" == typeof( window.sidebar.addPanel ) ) firefox

{

}

else if ( document.all && "object" == typeof( window.external ) ) ie

{

}

js用来区别IE与其他浏览器及IE6-8之间的方法。

1、document.all

2、!!window.ActiveXObject;

使用方法如下:

if (document.all){

alert(”IE浏览器”);

}else{

alert(”非IE浏览器”);

}

if (!!window.ActiveXObject){

alert(”IE浏览器”);

}else{

alert(”非IE浏览器”);

}

下面是区别IE6、IE7、IE8之间的方法:

var isIE=!!window.ActiveXObject;

var isIE6=isIE&&!window.XMLHttpRequest;

var isIE8=isIE&&!!document.documentMode;

var isIE7=isIE&&!isIE6&&!isIE8;

if (isIE){

if (isIE6){

alert(”ie6″);

}else if (isIE8){

alert(”ie8″);

}else if (isIE7){

alert(”ie7″);

}

}

首先我们确保这个浏览器为IE的情况下,进行了在一次的检测,如果你对此有怀疑,可以测试一下。

我这里就直接使用在判断中了,你也可以将他们先进行宣告成变数进行使用。据说火狐以后也会加入document.all这个方法,所以建议使用第二种方法,应该会安全一些。

用navigator.userAgent.indexOf()来区分多浏览器,程式码示例如下:

复制程式码程式码如下:

<coding-1 lang="other">

<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应该程式,没有头部与底部

};

}()

}

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>

</coding>

JavaScript不管是判断PC浏览器还是手机浏览器,都是通过User Agent 来判断。

JavaScript判断访问的来源是手机还是电脑,用的哪种浏览器

你好,判断访问的来源的程式码如下:

if ( window.sidebar && "object" == typeof( window.sidebar ) && "function" == typeof( window.sidebar.addPanel ) ) firefox { } else if ( document.all && "object" == typeof( window.external ) ) ie { }

不过要执行这个程式码的话,你需要一个相容这个程式码的浏览器。现在很多人在用的QQ浏览器就符合这个要求,它的核心比较先进,而且是自己研发的,对于这些程式码的相容性和执行都非常的好,所以我建议你下载QQ浏览器测试这个程式码。

如何判断访问来源是手机还是电脑?

你用手机上,就是手机版的官网,记住,用安全浏览器(如百度浏览器)它里面的导航都是安全,你就可以放心下了,

java或者js如何判断访问的是手机还是电脑

<script type=text/javascript>

<!--

平台、装置和作业系统

var system ={

win : false,

mac : false,

xll : false

};

检测平台

var p = navigator.platform;

alert(p);

system.win = p.indexOf("Win") == 0;

system.mac = p.indexOf("Mac") == 0;

system.x11 = (p == "X11") || (p.indexOf("Linux") == 0);

跳转语句

if(system.win||system.mac||system.xll){转向后台登陆页面

window.location.href="login.jsp";

}else{

window.location.href="wapLojin.jsp";

}

-->

</script>

如何判断网站是从电脑访问的还是从手机访问的

手 机访问时,会附带传送user-agent资讯,这个资讯里面会有手机号码资讯,那么如果能取得手机号码,则可以肯定是通过手机wap访问的。但是目前中 国移动已经遮蔽了user-agent资讯,所以获取不到手机号码。有关系的朋友可以联络移动公司,把wap网站伺服器的ip提交给中国移动,加入白名单 后即可取得ua资讯。目前中国联通可以直接取到手机号,对联通使用者此方案可完美实施。

手机访问,原理是手机通过移动公司的代理伺服器进行的访问。那么我们就可以理解是一台普通电脑使用了代理伺服器。当手机通过代理伺服器访问的时候,头资讯会毫无疑问的包含一个资讯:via。这个资讯提供了有价值的判断资讯。

如何用javascript判断用的是什么浏览器

6、判断浏览器核心

$.ua().isWebkit;

$.ua().isGecko;

$.ua().isTrident;

判断浏览器外壳

判断是否为原版chrome浏览器

$.ua().isChrome;

判断是否为360极速浏览器

$.ua().is360ee;

判断是否为360安全浏览器chrome核心

$.ua().is360se;

判断是否为猎豹浏览器

$.ua().isLiebao;

判断是否为ie核心浏览器

$.ua().isIe;

判断ie核心浏览器版本

$.ua().ie;

=>6/7/8/9/10/11,0

java如何判断是pc浏览器还是手机浏览器

function IsPC() { var userAgentInfo = navigator.userAgent; var Agents = ["Android", "iPhone", "SymbianOS", "Windows Phone", "iPad", "iPod"]; var flag = true; for (var v = 0; v < Agents.length; v++) { if (userAgentInfo.indexOf(Agents[v]) > 0) { flag = false; break; } } return flag; }

php判断访问来源是PC还是手机端

if(strpos($_SERVER['HTTP_ACCEPT'],'wap')){

手机页面

}else{

电脑页面

}

通过js判断当前访问的是电脑还是手机

<script type=text/javascript> var bForcepc = fGetQuery("dv") == "pc"; function fBrowserRedirect(){ var sUserAgent = navigator.userAgent.toLowerCase(); var bIsIpad = sUserAgent.match(/ipad/i) == "ipad"; var bIsIphoneOs = 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) == "ucweb"; var bIsAndroid = sUserAgent.match(/android/i) == "android"; var bIsCE = sUserAgent.match(/windows ce/i) == "windows ce"; var bIsWM = sUserAgent.match(/windows mobile/i) == "windows mobile"; if(bIsIpad){ var sUrl = location.href; if(!bForcepc){ window.location.href = ":ipad.mail.163./"; } } if(bIsIphoneOs || bIsAndroid){ var sUrl = location.href; if(!bForcepc){ window.location.href = ": *** art.mail.163./"; } } if(bIsMidp||bIsUc7||bIsUc||bIsCE||bIsWM){ var sUrl = location.href; if(!bForcepc){ window.location.href = ":m.mail.163./"; } } } function fGetQuery(name){获取引数值 var sUrl = window.location.search.substr(1); var r = sUrl.match(new RegExp("(^|&)" + name + "=([^&]*)(&|$)")); return (r == null ? null : (r[2])); } function fShowVerBlock(){ if(bForcepc){ document.getElementByIdx_x("dv_block").style.display = "block"; } else{ document.getElementByIdx_x("ad_block").style.display = "block"; } } fBrowserRedirect(); </script> 这只是弱判断,使用者通过F12或者浏览器设定是可以改的,并不能代表使用者真实情况

JavaScript-js怎样判断手机浏览器

【转】

JavaScript不管是判断PC浏览器还是手机浏览器,都是通过User Agent 来判断。

<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应该程序,没有头部与底部

};

}()

}

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>

JS如何获取浏览器版本信息

方法如下:

1、写一个js获取userAgent属性的html文件,文件内容如下:

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<script>

alert(window.navigator.userAgent);

</script>

</head>

<body>

<h1>测试浏览器类型</h1>

</body>

</html>

2、Chrome对应userAgent信息:

Chrome/后面紧跟的38.0...数字串为当前浏览器版本

3、FF对应userAgent信息

Firefox/后面紧跟的33.0为当前FF版本

4、IE对应userAgent信息;其中MSIE后面的数字代表当前版本,如图:笔者所有为ie9.0

另外, 只有IE支持创建ActiveX控件,因此她有一个其他浏览器没有的东西,就是ActiveXObject函数。只要判断window对象存在 ActiveXObject函数,就可以明确判断出当前浏览器是IE。

5、Opera对应userAgent信息:

OPR/后面紧跟的25.0...数字串为当前Opera浏览器版本

6、Safari对应userAgent信息

Version/后面紧跟的5.1.7为Safari浏览器当前版本

本文如未解决您的问题请添加抖音号:51dongshi(抖音搜索懂视),直接咨询即可。

上一篇:

下一篇:

热门图文

  • 送周子华南归的作者 送周子华南归的作者是什么]

    《送周子华南归》陆文圭作者:陆文圭。《送周子华南归》作者:陆文圭。年代:元代。别称:墙东先生。字号:字子方。出生地:江阴(今属江苏)人。出生时间:1252。去世时间:1336。主要作品:《辛卯二月记异》《新移瑞香不得雨有叹》《月·青天一片玉》《挽吉州刘总管》《为刘君符赋乐山诗》等。我们为您从以下几个方面提供送周子华南归的详细介绍。一、《送周子华南归》的全文 点此查看《送周子华南归》的详细内容。此日与君别,重逢未有期。衰年行欲尽,近事或难知。浩荡风云会,萧条草木悲。三吴多俊杰,试与问安危。二、《送周子华南归》陆文圭其他诗词《赤壁图·公瑾子瞻二龙》、《题戴嵩牛图》、《雅宜山在城西五十里有德庵在其下穹寄山福寺》、《送仲华葛兄·蓉城诸葛何绵绵》、《送徐舜辑·彦霖父子魏公客》。相同朝代的诗歌;

  • 次韵叶硕夫南归见贻的全文

    《次韵叶硕夫南归见贻》李弥逊全文:未挂丹题雁塔中,重来溪上觅筠翁。相期老眼横遥碧,莫着征衫走软红。得失漫嗟蝉翼重,才名合见马群空。三年小度惊人手,未信朱衣也不公。《次韵叶硕夫南归见贻》全文:未挂丹题雁塔中,重来溪上觅筠翁。相期老眼横遥碧,莫着征衫走软红。得失漫嗟蝉翼重,才名合见马群空。三年小度惊人手,未信朱衣也不公。作者:李弥逊。年代:宋代。我们为您从以下几个方面提供次韵叶硕夫南归见贻的详细介绍。一、《次韵叶硕夫南归见贻》的全文 点此查看《次韵叶硕夫南归见贻》的详细内容。未挂丹题雁塔中,重来溪上觅筠翁。相期老眼横遥碧,莫着征衫走软红。得失漫嗟蝉翼重,才名合见马群空。三年小度惊人手,未信朱衣也不公。

  • 送周子华南归的作者是什么

    《送周子华南归》陆文圭作者:陆文圭。《送周子华南归》作者:陆文圭。年代:元代。别称:墙东先生。字号:字子方。出生地:江阴(今属江苏)人。出生时间:1252。去世时间:1336。主要作品:《辛卯二月记异》《新移瑞香不得雨有叹》《月·青天一片玉》《挽吉州刘总管》《为刘君符赋乐山诗》等。我们为您从以下几个方面提供送周子华南归的详细介绍。一、《送周子华南归》的全文 点此查看《送周子华南归》的详细内容。此日与君别,重逢未有期。衰年行欲尽,近事或难知。浩荡风云会,萧条草木悲。三吴多俊杰,试与问安危。二、《送周子华南归》陆文圭其他诗词《赤壁图·公瑾子瞻二龙》、《题戴嵩牛图》、《雅宜山在城西五十里有德庵在其下穹寄山福寺》、《送仲华葛兄·蓉城诸葛何绵绵》、《送徐舜辑·彦霖父子魏公客》。相同朝代的诗歌;

  • 次韵叶硕夫南归见贻全文

    《次韵叶硕夫南归见贻》李弥逊全文:未挂丹题雁塔中,重来溪上觅筠翁。相期老眼横遥碧,莫着征衫走软红。得失漫嗟蝉翼重,才名合见马群空。三年小度惊人手,未信朱衣也不公。《次韵叶硕夫南归见贻》全文:未挂丹题雁塔中,重来溪上觅筠翁。相期老眼横遥碧,莫着征衫走软红。得失漫嗟蝉翼重,才名合见马群空。三年小度惊人手,未信朱衣也不公。作者:李弥逊。年代:宋代。我们为您从以下几个方面提供次韵叶硕夫南归见贻的详细介绍。一、《次韵叶硕夫南归见贻》的全文 点此查看《次韵叶硕夫南归见贻》的详细内容。未挂丹题雁塔中,重来溪上觅筠翁。相期老眼横遥碧,莫着征衫走软红。得失漫嗟蝉翼重,才名合见马群空。三年小度惊人手,未信朱衣也不公。

  • 送周子华南归的作者

    《送周子华南归》陆文圭作者:陆文圭。《送周子华南归》作者:陆文圭。年代:元代。别称:墙东先生。字号:字子方。出生地:江阴(今属江苏)人。出生时间:1252。去世时间:1336。主要作品:《辛卯二月记异》《新移瑞香不得雨有叹》《月·青天一片玉》《挽吉州刘总管》《为刘君符赋乐山诗》等。我们为您从以下几个方面提供送周子华南归的详细介绍。一、《送周子华南归》的全文 点此查看《送周子华南归》的详细内容。此日与君别,重逢未有期。衰年行欲尽,近事或难知。浩荡风云会,萧条草木悲。三吴多俊杰,试与问安危。二、《送周子华南归》陆文圭其他诗词《赤壁图·公瑾子瞻二龙》、《题戴嵩牛图》、《雅宜山在城西五十里有德庵在其下穹寄山福寺》、《送仲华葛兄·蓉城诸葛何绵绵》、《送徐舜辑·彦霖父子魏公客》。相同朝代的诗歌;

Top