jQuery 工具--浏览器及特性检测
2018-02-07 15:34
260 查看
浏览器及特性检测
属性列表
属性 | 说明 |
---|---|
$.support1.9- | 用于返回用户当前使用的浏览器的特性或bug信息。该属性是一个对象。 |
$.browser1.9- | 用于返回用户当前使用的浏览器的相关信息。该属性是一个对象。 |
$.boxModel1.9- | 用于检测浏览器是否使用标准盒模型渲染当前页面。 |
属性说明
jQuery.support:
该对象的属性并不是一成不变的,jQuery也并不保证指定的属性在未来的版本中一定可用,这些属性主要供插件或内核开发人员使用。语法:
jQuery.supportjQuery 1.3 新增该静态属性。1.9废弃该静态属性
返回值
jQuery.support属性的返回值为Object类型。对象属性
jQuery.support属性是一个对象,该对象属性较多,并且每个jQuery版本的属性都并不一致,请在使用前自行确定当前版本支持的属性。其常见属性如下:属性 | 说明 |
---|---|
ajax | 如果浏览器可以创建XMLHttpRequest对象来执行AJAX请求,则返回true。 |
boxModel | 如果这个页面和浏览器是以W3C标准的CSS盒模型来渲染的,则等于true。通常在IE 6和IE 7的怪癖模式(QuirksMode)中这个值是false。在document准备就绪前,这个值是null。 |
cssFloat | 如果用cssFloat来访问CSS的float的值,则返回true。目前在IE中会返回false,他用styleFloat代替。 |
hrefNormalized | 如果浏览器从getAttribute(“href”)返回的是原封不动的结果,则返回true。在IE中会返回false,因为他的URLs已经常规化了。 |
htmlSerialize | 如果浏览器通过innerHTML插入链接元素的时候会序列化这些链接,则返回true,目前IE中返回false。 |
leadingWhitespace | 如果在使用innerHTML的时候浏览器会保持前导空白字符,则返回true,目前在IE 6-8中返回false。 |
noCloneEvent | 如果浏览器在克隆元素的时候不会连同事件处理函数一起复制,则返回true,目前在IE中返回false。 |
objectAll | 如果在某个元素对象上执行getElementsByTagName(“*”)会返回所有子孙元素,则为true,目前在IE 7中为false。 |
opacity | 如果浏览器能适当解释透明度样式属性,则返回true,目前在IE中返回false,因为他用alpha滤镜代替。 |
scriptEval | 使用 appendChild/createTextNode 方法插入脚本代码时,浏览器是否执行脚本,目前在IE中返回false,IE使用.text方法插入脚本代码以执行。 |
style | 如果getAttribute(“style”)返回元素的行内样式,则为true。目前IE中为false,因为他用cssText代替。 |
tbody | 如果浏览器允许table元素不包含tbody元素,则返回true。目前在IE中会返回false,他会自动插入缺失的tbody。 |
代码:
// 必须是 1.9 之前(不含1.9)的 jQuery 版本 $.support.ajax; // 如果浏览器支持创建XMLHttpRequest对象,则返回true,否则为false。 $.support.boxModel; // 绝大多数浏览器返回true,在IE怪癖模式中返回false。
jQuery.browser:
用于返回用户当前使用的浏览器的相关信息。该属性是一个对象。该函数属于全局jQuery对象。
语法:
jQuery.browserjQuery 1.0 新增该静态属性,但在 1.3 中被标记为已过时,并从 1.9 开始,被移除。
对象属性
jQuery.browser属性是一个对象,其属性会随着浏览器的不同而变化,其可能的属性如下:属性 | 说明 |
---|---|
webkit | 1.4 新增 Boolean类型 指示是否是webkit内核的浏览器。如果是,则值为true。只有webkit内核的浏览器才具备该属性。 |
safari | Boolean类型 指示是否是Apple Safari浏览器。如果是,则值为true。只有Safari浏览器才具备该属性。 |
opera | Boolean类型 指示是否是Opera浏览器。如果是,则值为true。只有Opera浏览器才具备该属性。 |
msie | Boolean类型 指示是否是微软IE浏览器。如果是,则值为true。只有IE浏览器才具备该属性。 |
mozilla | Boolean类型 指示是否是Mozilla FireFox浏览器。如果是,则值为true。只有FireFox浏览器才具备该属性。 |
chrome | 1.8 新增 Boolean类型 指示是否是Google Chrome浏览器。如果是,则值为true。只有Chrome浏览器才具备该属性。 |
version | 1.1.3 新增 String类型 当前浏览器的版本号,例如:”6.0”、 “7.0”、 “32.0.1700.76”。 |
在 1.4 之前,无论何种浏览器,jQuery.browser对象具有除chrome外的所有属性,从 1.4 开始,jQuery.browser仅保留值为true的属性(以及 version)。
代码:
// 必须是 1.9 之前(不含1.9)的 jQuery 版本 $.browser.msie; // 在IE浏览器中为true,否则为true(或undefined)。 $.browser.version; // 当前浏览器的版本号
jQuery.boxModel:
该属性常用于检测IE浏览器使用的是标准模式(Standard Mode),还是怪癖模式(Quirks Mode)。标准模式返回true,怪癖模式则返回false。语法:
jQuery.boxModeljQuery 1.0 新增该静态属性,但在 1.3 中被标记为已过时,请使用jQuery.support.boxModel替代。从 1.8 开始,该属性被移除。
返回值
jQuery.boxModel属性的返回值为Boolean类型,如果浏览器使用标准盒模型渲染当前页面,则返回true,否则返回false。在document准备就绪之前,该值返回undefined。
jQuery.boxModel在绝大多数浏览器中返回true,在IE浏览器的怪癖模式中返回false;
代码:
// 必须是 1.8 之前(不含1.8)的 jQuery 版本 document.writeln( $.boxModel ); // 1.3 ~ 1.7.x 请使用 $.support.boxModel 替代 document.writeln( $.support.boxModel );
相关文章推荐
- 细说浏览器特性检测(1)-jQuery1.4添加部分
- 细说浏览器特性检测(1)-jQuery1.4添加部分
- 细说浏览器特性检测(1)-jQuery1.4添加部分
- 细说浏览器特性检测(1)-jQuery1.4添加部分
- jQuery基础(工具函数,浏览器信息,检测节点,字符串,$.extend())
- 浏览器对HTML5特性检测工具Modernizr
- jQuery 工具类函数-检测浏览器是否属于W3C盒子模型
- JavaScript1.6数组新特性介绍以及JQuery的几个工具方法
- JavaScript 特性检测与浏览器嗅探
- jquery五行代码实现对浏览器版本检测
- jQuery 工具类函数-检测对象是否为空
- JQUERY1.6 方法4 检测浏览器
- JQUERY1.6 使用方法四 检测浏览器
- 检测浏览器支持哪些HTML5新特性的方法
- js+jquery检测用户浏览器型号(转)
- jquery检测浏览器版本等信息代码
- jQuery 工具类函数-检测对象是否为原始对象
- 细说浏览器特性检测(2)-通用事件检测
- jquery检测浏览器版本
- 浏览器检测 vs 特性检测