js/jquery判断浏览器的方法小结


Posted in Javascript onSeptember 02, 2014

JS获取浏览器信息

浏览器代码名称:navigator.appCodeName
浏览器名称:navigator.appName
浏览器版本号:navigator.appVersion
对Java的支持:navigator.javaEnabled()
MIME类型(数组):navigator.mimeTypes
系统平台:navigator.platform
插件(数组):navigator.plugins
用户代理:navigator.userAgent

js判断IE浏览器的四种方法:

方法一:

if(window.addEventListener){ 
alert("not ie"); 
}else if(window.attachEvent){ 
alert("is ie"); 
}else{ 
alert("这种情况发生在不支持DHTML的老版本浏览器(现在一般都支持)") 
}

注释:该方法在IE9及以上IE版本会弹出not ie结果

方法二:

if(document.all){ 
alert("IE"); 
}else{ 
alert("not ie"); 
}

方法三:

var navigatorName = "Microsoft Internet Explorer"; 
if( navigator.appName == navigatorName ){ 
alert("ie") 
}else{
alert("not ie") 
}

方法四:
利用了IE与标准浏览器在处理数组的toString方法的差异.对于标准游览器,如果数组里面最后一个字符为逗号,JS引擎会自动剔除它.

if(!+[1,])alert("这是ie浏览器"); 
else alert("这不是ie浏览器");

注释:IE9及以上版本会弹出“这不是IE浏览器”

判断常用浏览器的方法:

var explorer =navigator.userAgent ;
//ie 
if (explorer.indexOf("MSIE") >= 0) {
alert("ie");
}
//firefox 
else if (explorer.indexOf("Firefox") >= 0) {
alert("Firefox");
}
//Chrome
else if(explorer.indexOf("Chrome") >= 0){
alert("Chrome");
}
//Opera
else if(explorer.indexOf("Opera") >= 0){
alert("Opera");
}
//Safari
else if(explorer.indexOf("Safari") >= 0){
alert("Safari");
} 
//Netscape
else if(explorer.indexOf("Netscape")>= 0) { 
alert('Netscape'); 
}

这里用到navigator.userAgent。indexOf("MSIE") >= 0进行判断,当然也可以用
navigator.userAgent.indexOf("MSIE") != -1 进行判断。

jquery判断浏览器类型和浏览器版本号的方法

$(document).ready(function(){

  var brow=$.browser;

  var bInfo="";

  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动画效果类封装代码
Aug 28 Javascript
capacityFixed 基于jquery的类似于新浪微博新消息提示的定位框
May 24 Javascript
jquery.post用法关于type设置问题补充
Jan 03 Javascript
Javascript遍历table中的元素示例代码
Jul 08 Javascript
JavaScript中的全局对象介绍
Jan 01 Javascript
JS动态加载当前时间的方法
Feb 09 Javascript
jQuery+canvas实现简单的球体斜抛及颜色动态变换效果
Jan 28 Javascript
JS实现类似51job上的地区选择效果示例
Nov 17 Javascript
JavaScript实现写入文件到本地的方法【基于FileSaver.js插件】
Mar 15 Javascript
自定义vue组件发布到npm的方法
May 09 Javascript
Vue 中对图片地址进行拼接的方法
Sep 03 Javascript
JavaScript中交换值的10种方法总结
Aug 18 Javascript
Iframe实现跨浏览器自适应高度解决方法
Sep 02 #Javascript
jQuery级联操作绑定事件实例
Sep 02 #Javascript
jquery和css3实现的炫酷时尚的菜单导航
Sep 01 #Javascript
Enter回车切换输入焦点实现思路与代码兼容各大浏览器
Sep 01 #Javascript
jQuery淡入淡出元素让其效果更为生动
Sep 01 #Javascript
JQuery表格拖动调整列宽效果(自己动手写的)
Sep 01 #Javascript
JQuery中的html()、text()、val()区别示例介绍
Sep 01 #Javascript
You might like
php计划任务之验证是否有多个进程调用同一个job的方法
2015/12/07 PHP
Linux+Nginx+MySQL下配置论坛程序Discuz的基本教程
2015/12/23 PHP
PHP dirname简单使用代码实例
2020/11/13 PHP
JavaScript 在线压缩和格式化收藏
2009/01/16 Javascript
getElementsByTagName vs selectNodes效率 及兼容的selectNodes实现
2010/02/26 Javascript
jQuery性能优化28条建议你值得借鉴
2013/02/16 Javascript
jquery实现聚光灯效果的方法
2015/02/06 Javascript
jQuery 1.9.1源码分析系列(十)事件系统之绑定事件
2015/11/19 Javascript
javascript嵌套函数和在函数内调用外部函数的区别分析
2016/01/31 Javascript
JavaScript禁止用户多次提交的两种方法
2016/07/24 Javascript
jQuery Easyui datagrid editor为combobox时指定数据源实例
2016/12/19 Javascript
使用Javascript判断浏览器终端设备(PC、IOS(iphone)、Android)
2017/01/04 Javascript
vue基于mint-ui实现城市选择三级联动
2020/06/30 Javascript
详解vue移动端项目代码拆分记录
2019/03/15 Javascript
Vue实现点击按钮复制文本内容的例子
2019/11/09 Javascript
python爬虫_实现校园网自动重连脚本的教程
2018/04/22 Python
python+selenium 鼠标事件操作方法
2019/08/24 Python
python生成器用法实例详解
2019/11/22 Python
已安装tensorflow-gpu,但keras无法使用GPU加速的解决
2020/02/07 Python
python实现扑克牌交互式界面发牌程序
2020/04/22 Python
Python Tornado核心及相关原理详解
2020/06/24 Python
python简单实现9宫格图片实例
2020/09/03 Python
Python将list元素转存为CSV文件的实现
2020/11/16 Python
python源文件的字符编码知识点详解
2021/03/04 Python
美国礼品卡交易网站:Cardpool
2018/08/27 全球购物
大学生就业自荐信
2013/10/26 职场文书
合唱兴趣小组活动总结
2014/07/10 职场文书
新闻传播专业求职信
2014/07/22 职场文书
南京市纪委监察局整改方案
2014/09/16 职场文书
个人求职自荐信范文
2015/03/06 职场文书
化验室安全管理制度
2015/08/06 职场文书
升学宴学生致辞
2015/09/29 职场文书
.Net Core导入千万级数据至Mysql的步骤
2021/05/24 MySQL
Python re.sub 反向引用的实现
2021/07/07 Python
苹果的回收机器人可以通过拆解iPhone获取大量的金和铜并外公布了环境保护最新进展
2022/04/21 数码科技
使用 Koa + TS + ESLlint 搭建node服务器的过程详解
2022/05/30 NodeJs