浏览器版本判断和兼容版本设置

1.浏览器模式与文档模式概念
在较新的IE浏览器中(如IE8, IE9, IE10),为了解决兼容性的问题,引入了浏览器模式和文档模式两个概念,浏览网页时可以通过按F12键看到这两种模式。
浏览器模式的主要作用是为兼容较早版本的IE,它会控制浏览器发出的UserAgent,表示以哪个版本的浏览器发出请求,以此来允许为某个特定IE版本设计的代码正确执行(举例来说:有些代码真是判断ie版本的,还有css里也有判断ie版本的)。
文档模式(doctype)的主要作用是影响浏览器显示网页HTML的方式,在接到返回的HTML文件后,决定以哪个IE版本的文档模式解析该页面(举例来说:JS脚本就是依赖文档模式,IE9的js变化就需要IE9文档模式来支持)。
注:DOCTYPE是Document Type(文档类型)的简写,在页面中,用来指定页面所使用的XHTML(或者HTML)的版本。要想制作符合标准的页面,一个必不可少的关键组成部分就是DOCTYPE声明。只有确定了一个正确的DOCTYPE,XHTML里的标识和CSS才能正常生效。
2.如何使Html页面使用IE9文档模式
如果htm页面中没有doctype,那么WebBrowser将不会使用IE9文档模式来解析页面,而是仍沿用之前兼容旧版IE的Quirks模来渲染,解释页面,JS脚本也将同样处置。这样的缺点是无法使用Html5新特性,优点是您的系统升级到IE9的兼容性改造工作将会大为减少。
修改Htm页面的方法之一是,在Head->Title下添加<META http-equiv="X-UA-Compatible" content="IE=9"></META>,这样可确保HTM页面工作在IE9标准文档模式下。

3.获取浏览器版本信息

<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<META http-equiv="X-UA-Compatible" content="IE=9"></META>
<script type="text/javascript" src="jquery-1.9.1.js"></script>
<script type="text/javascript">
$(document).ready(function() {
	alert(navigator.userAgent.toLowerCase());
});
</script>
</head>
<body>

</body>
</html>

 

你可能感兴趣的:(浏览器)