强制不使用“兼容性视图”的HTML代码

在IE8浏览器以后版本,都有一个“兼容性视图”,让不少新技术无法使用。那么如何禁止浏览器自动选择“兼容性视图”,强制IE以最高级别的可用模式显示内容呢?下面就介绍一段HTML代码。

X-UA-Compatible是一个设置IE浏览器兼容模式的属性,在IE8浏览器之后诞生。IE8或者IE9有很多种模式,比如,IE8有4种模式:IE5.5怪异模式、IE7标准模式、IE8几乎标准模式、IE8标准模式;而IE9有7种模式: IE5.5怪异模式、IE7标准模式、IE8几乎标准模式、IE8标准模式、IE9几乎标准模式、IE9标准模式、XML模式。

我们常使用代码:

<meta http-equiv="X-UA-Compatible" content="IE=8" />

来开启IE8的标准渲染模式。这种方式在只存在IE8浏览器的时候比较合适,但是后来又出现了IE9、IE10、IE11等等。我们就可以这样写:

<meta http-equiv="X-UA-Compatible" content="IE=9;IE=8;IE=7;" />

意思就是优先最前面的IE9,没IE9就用IE8。那么如果针对每一种都写一遍,似乎就有些冗余了。

所以我们改变方式采用代码:

<meta http-equiv="X-UA-Compatible" content="edge" />

Edge模式通知IE以最高级别的可用模式显示内容,这实际上破坏了“锁定”模式。

当然,我们还见过这样的代码:

<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

就是增加了chrome=1值,目的是触发Google Chrome Frame,不过现在Google已经抛弃Google Chrome Frame了,因此也不用这样写了。

总结:

在 <!DOCTYPE html> 下,使用代码:

1 <meta http-equiv="X-UA-Compatible" content="edge" />

触发标准模式,这个是最有效的方法。

强制不使用“兼容性视图”的HTML代码

时间: 2024-10-08 15:41:08

强制不使用“兼容性视图”的HTML代码的相关文章

[转载]强制不使用“兼容性视图”的HTML代码

在IE8浏览器以后版本,都有一个"兼容性视图",让不少新技术无法使用.那么如何禁止浏览器自动选择"兼容性视图",强制IE以最高级别的可用模式显示内容呢?下面就介绍一段HTML代码. X-UA-Compatible是一个设置IE浏览器兼容模式的属性,在IE8浏览器之后诞生.IE8或者IE9有很多种模式,比如,IE8有4种模式:IE5.5怪异模式.IE7标准模式.IE8几乎标准模式.IE8标准模式:而IE9有7种模式: IE5.5怪异模式.IE7标准模式.IE8几乎标准

js强制不使用“兼容性视图”

在IE8浏览器以后版本,都有一个“兼容性视图”,让不少新技术无法使用.那么如何禁止浏览器自动选择“兼容性视图”,强制IE以最高级别的可用模式显示内容呢?下面就介绍一段HTML代码. X-UA-Compatible是一个设置IE浏览器兼容模式的属性,在IE8浏览器之后诞生.IE8或者IE9有很多种模式,比如,IE8有4种模式:IE5.5怪异模式.IE7标准模式.IE8几乎标准模式.IE8标准模式:而IE9有7种模式: IE5.5怪异模式.IE7标准模式.IE8几乎标准模式.IE8标准模式.IE9几

IE8/IE9/IE10打开网页后,自动设置浏览器模式为“IE8/IE9/IE10兼容性视图”

http://blog.snsgou.com/post-16.html 作者:SNSGOU 发布于:2013-07-17 22:23:05  分类:CSS/HTML     评论(0)  浏览(1323) IE8及以后的IE9/IE10浏览器,为了实现IE兼容基于其它网页标准开发的网站,IE浏览器还专门提供了"兼容性视图"功能.当IE浏览器检测到某网站不兼容时,地址栏右侧就会出现兼容性视图按钮,出现问题只需轻轻一点,大部分网页显示就会正常了. 下面以IE8浏览器举例: IE8兼容性问题

IE9兼容性视图与IE9标准视图

如果你使用的是IE9,那么按下F12键就会出现开发者工具,上面有两个下拉菜单:浏览器模式和文档模式.那么什么是浏览器模式?什么又是文档模式?二者有何区别? 浏览器模式用于切换IE针对该网页的默认文档模式.对不同版本浏览器的条件注释解析.以及发送给网站服务器的用户代理(User-Agent)字符串的值.网站可以根据浏览器返回的不同用户代理字符串判断浏览器的版本和及安装的功能,这样就可以根据不同的浏览器返回不同的页面内容了. 文档模式用于指定IE的页面排版引擎(Trident)以哪个版本的方式来解析

Asp.net MVC 视图之公用代码

一.公共模板 1.@RenderBody() 在网站公用部分通过一个占位符@RenderBody()来为网站独立部分预留一个位置.然后私有页面顶部通过@{Layout="公用模板路径"}来引入公用模板,并在自身放到公用模板的位置.同时也可以设置ViewData或ViewBag设置网站标题,关键词等信息. @{ Layout = "~/Views/Shared/_Layout.cshtml"; ViewBag.Title = "从这里可以设置网站标题&quo

IE关闭兼容性视图

不知道什么时候,ie8的“兼容性视图设置”变成了灰色,如图:  今天通过设置组策略,终以解决了这个问题: ie8的兼容性视图设置灰色的解决办法:运行gpedit.msc--用户配置/计算机配置--管理模板--windows组件--Internet Explorer--兼容性视图--全部设置为:未配置,问题解决了 IE关闭兼容性视图

MVC 5 视图之公用代码

一.公共模板 1.@RenderBody() 在网站公用部分通过一个占位符@RenderBody()来为网站独立部分预留一个位置.然后私有页面顶部通过@{Layout="公用模板路径"}来引入公用模板,并在自身放到公用模板的位置.同时也可以设置ViewData或ViewBag设置网站标题,关键词等信息. @{ Layout = "~/Views/Shared/_Layout.cshtml"; ViewBag.Title = "从这里可以设置网站标题&quo

IE兼容性视图,新增元素导致白页面

环境: 浏览器:IE8/9浏览器[兼容性视图] doctype:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 现象: 向body标签中新增子元素时,出现白页面(body及子元素大小全为0),然后,通过改变窗口大小.改变body及子元素的属性.鼠标进入事件(有时有效)可使页面恢复正常. 方案: 通过

MVC添加动态视图的参考代码。重点是添加部分视图的使用方法,非常有用的代码!!!!!!!!!!!!!!

这是在model里的两个查询方法 using System; using System.Collections.Generic; using System.Linq; using System.Web; namespace Mvcyemian.Models { public class NewsBF { private mydboDataContext _Context = new mydboDataContext(); //通过type查询新闻分类 public List<News> Sel