JavaScript是前端开发的主要语言,我们可以通过编写JavaScript程序来判断浏览器的类型及版本.JavaScript判断浏览器类型一般有两种办法,一种是根据各种浏览器独有的属性来分辨,另一种是通过分析浏览器的userAgent属性来判断的.在许多情况下,值判断出浏览器类型之后,还需判断浏览器版本才能处理兼容性问题,而判断浏览器的版本一般只能通过分析浏览器的userAgent才能知道. 我们先来分析一下各种浏览器的特征及其userAgent. IE 只有IE支持创建ActiveX控件,…

之前在项目中遇到过要针对不同浏览器做不同的一些js或者css操作,后来某个朋友也突然问到这个问题,所以,整理了一下,在这里留个笔记,方便以后使用. 使用javascript判断浏览器类型: function myBrowser(){ var userAgent = navigator.userAgent.toLowerCase(); //取得浏览器的userAgent字符串 console.log(userAgent); if (userAgent.indexOf("opera") &…

这篇文章主要介绍了基于JavaScript判断浏览器到底是关闭还是刷新(超准确)的相关资料,需要的朋友可以参考下 本文是小编总结的一些核心内容,个人感觉对大家有所帮助,具体内容请看下文: 页面加载时只执行onload 页面关闭时只执行onunload 页面刷新时先执行onbeforeunload,然后onunload,最后onload. 经过验证我得出的结论是: //对于ie,谷歌,360: //页面加载时只执行onload//页面刷新时,刷新之前执行onbeforeunload事件,在新页面即…

WEB开发中如何通过Javascript来判断终端为PC.IOS(iphone).Android呢? 可以通过判断浏览器的userAgent,用正则来判断手机是否是ios和Android客户端. var u = navigator.userAgent; isAndroid = u.indexOf('Android') > -1 || u.indexOf('Adr') > -1, //android终端 isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS…

WEB开发中如何通过Javascript来判断终端为PC.IOS(iphone).Android呢? 可以通过判断浏览器的userAgent,用正则来判断手机是否是ios和Android客户端 var u = navigator.userAgent; isAndroid = u.indexOf('Android') > -1 || u.indexOf('Adr') > -1, //android终端 isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS…

在javascript中直接的使用navigator.userAgent就可以获取当前浏览器的版本等信息,以下是列出来的关于不同浏览器显示的值(Windows.Android.iPhone): IE6   IE7 IE8 IE9 Firefox   Chrome   Opera   Safari   Android自带浏览器   Android版Opera Mobile   Android版Firefox   iPhone自带Safari   iPhone版Opera Mobile     [总…

IE 只有IE支持创建ActiveX控件,因此她有一个其他浏览器没有的东西,就是ActiveXObject函数.只要判断window对象存在ActiveXObject函数,就可以明确判断出当前浏览器是IE.而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/…

判断浏览器是否是隐私模式,隐私模式下有写api不可用 1. try { localStorage['test'] = 'test'; //localStorage和sessionStorage都存在,但是私有模式下不能赋值 } catch(e) { alert("本地储存写入错误,请关闭隐身模式浏览."); } 2. var fs = window.RequestFileSystem || window.webkitRequestFileSystem; if (!fs) { conso…

20 21 22 23 24 /** * 判断浏览器核心 * @return IE6.0/IE7.0/IE8.0/FireFox/Opera/other * @author ypz */ functionbrowercheck(){     varbrowser=navigator.appName;     varb_version=navigator.appVersion;     varversion=b_version.split(";");     vartrim_Versio…

/*判断浏览器是否支持某个css属性*/ function SupportCss(attrName){ var i=0, arr = SupportCss.opt.aBrowser, eleStyle = SupportCss.opt.eleStyle; for(i;i<arr.length ;i++){ if(arr[i] + attrName in eleStyle){return true;} } return false; } /*构造函数静态属性*/ SupportCss.opt =…

有无数的理由要求我们在任何时候都应该知道用户是使用的什么设备浏览我们的网站——宽屏,普通屏,平板,手机?知道这些特征,我们web应用的CSS和JavaScript才能同步做相应的操作.在给Mozilla Developer Networks改版设计的过程中,我发现使用CSS媒体查询(media queries)虽然非常的有效,但有时,JavaScript却不能及时知道用户浏览设备的状态.浏览网站的用户使用的是桌面电脑,还是平板,还是手机?这对于CSS来说很容易,但CSS却无法将这些信息告诉Jav…

<script type="text/javascript"> function getBrowserInfo(){ var OsObject=navigator.userAgent; // 包含「Opera」文字列 if(OsObject.indexOf("Opera") != -1) { return('Opera'); } // 包含「MSIE」文字列 else if(OsObject.indexOf("MSIE") != -1…

Quick Tip: Detect CSS3 Support in Browsers with JavaScript Jeffrey Way on Nov 15th 2010  步骤 1 首先我们要确定我们想如何调用 函数.在这里我们会简化我们的方法调用如下: if ( supports('textShadow') ) { document.documentElement.className += ' textShadow'; } 这应是最终的函数调用方式,即当我们给supports()函数传递…

作者:idd.chiang 发布时间:April 29, 2010 分类:Javascript/AS 在网上有幸看到夷人通过IE与非IE浏览器对垂直制表符支持特性搞出的一段简短的条件: var ie = !+"\v1"; 以上出至32 bytes, ehr ... 9, ehr ... 7!!! to know if your browser is IE(需FQ) 而 更有牛人,据说是俄国大力士用6byte的长度将上面已经看似不能再短的判定条件记录刷新,如下: //IE下为true v…

/* 智能机浏览器版本信息: alert("语言版本: "+browser.language); alert(" 是否为移动终端: "+browser.versions.mobile); alert(" ios终端: "+browser.versions.ios); alert(" android终端: "+browser.versions.android); alert(" 是否为iPhone: "+br…

/* var browser=navigator.appName var b_version=navigator.appVersion var version=b_version.split(";"); var trim_Version=version[1].replace(/[ ]/g,""); if(browser=="Microsoft Internet Explorer" && trim_Version=="MS…

function getExplorer() { //IE if (navigator.userAgent.indexOf("MSIE")>=0) { } //Firefox else if (navigator.userAgent.indexOf("Firefox")>=0) { } //Chrome else if(navigator.userAgent.indexOf("Chrome") >=0) { } //Safari…

转自 司徒正美博客: http://www.cnblogs.com/rubylouvre/archive/2009/10/14/1583362.html…

通过window.navigator来判断: function getBrowserInfo(){ var Info = {}; var str = window.navigator.userAgent.toLowerCase(); var bReg =/(msie|firefox|chrome|opera|version).*?([\d.]+)/; var infoArr = str.match(bReg); Info.browser = infoArr[1].replace(/version…

function getsupportedprop(proparray){ var root=document.documentElement; //reference root element of document for (var i=0; i<proparray.length; i++){ //loop through possible properties if (proparray[i] in root.style){ //if property exists on element…