`
caibinghong
  • 浏览: 150755 次
  • 性别: Icon_minigender_1
  • 来自: 福建
社区版块
存档分类
最新评论

强制不使用“兼容性视图”的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几乎标准模式、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> 下,使用代码:

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

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

分享到:
评论

相关推荐

    IE9浏览器中网页无法正常显示的解决方法

    用户可以通过两种方式实现:一是点击地址栏右侧的“兼容性视图”图标,二是按下F12键打开开发者工具,或者通过菜单栏(Alt+T)选择“兼容性视图”。这种方式可以让浏览器模拟更早版本的IE来显示网页,以适应那些未...

    JS常用脚本+html代码大全+对联广告代码效果大全

    根据给定文件的信息,我们可以总结出以下相关的IT知识点: ### 1. JavaScript 和 HTML 基础用法 ...这些知识点涵盖了从基本的DOM操作到更高级的浏览器兼容性处理等多个方面,对于前端开发者来说非常实用。

    eWebEditor 辑器按钮失效 IE8下eWebEditor编辑器无法使用的解决方法

    通过上述的解决方案,如使用兼容性视图、修改核心脚本中的事件处理逻辑以及增加异常处理机制,可以有效解决这一问题,确保编辑器在不同浏览器环境下的稳定运行。这对于提升用户体验,保障Web应用的兼容性和稳定性...

    HTML5 声明兼容IE的写法

    `&lt;meta&gt;`标签的`http-equiv="X-UA-Compatible"`属性可以设定IE的兼容性视图(Compatibility View)。`content`属性的值可以是: - `IE=5`: 强制IE以5.5的渲染模式展示页面。 - `IE=7`: 强制IE以7的渲染模式展示页面...

    C#浏览器代码1

    - **多平台支持**: 如果计划在不同操作系统上部署,需要确保代码的跨平台兼容性。 在提供的"**C#做的浏览器完全代码**"中,你可以找到实现上述功能的代码示例和结构。通过研究和修改这些代码,你可以创建一个符合...

    让IE8启动IE7兼容模式的代码

    这个元标签告诉IE8浏览器使用IE7的兼容性视图来解析和渲染页面,即使它默认是以更现代的模式运行。这样,那些为IE7优化的页面在IE8下也能正常工作。 在互联网发展的早期,各个浏览器厂商如微软、Mozilla、Google等...

    Java程序调试与错误收集--代码引起的报错

    **描述:** 尝试将一个对象强制转换为另一个类型时,如果类型不兼容,则会抛出`ClassCastException`。 **解决办法:** - 确认类型转换前后的对象类型是否兼容。 - 使用条件判断语句来避免非法的类型转换操作。 通过...

    Visual Studio .NET 使用技巧手册

    - **使用场景**: 当需要暂时禁用某段代码但不想删除时。 **6. 创建区域** - **功能**: 使用区域(region)将代码分组。 - **使用场景**: 在大型文件中组织代码,便于阅读和管理。 **7. 隐藏当前选区** - **...

    设置IE8使用IE7的样式的代码

    描述中的是一个HTML的meta标签,它允许网页开发者指定页面在兼容性视图下渲染。这个标签必须放置在HTML文档的区域中。其中,"http-equiv"属性用于定义一个编译指令,而"x-ua-compatible"是这个指令的名称,表示与...

    mupdf_修复64位abi兼容问题

    在这个场景中,它可能被用来强制编译为64位版本,解决某些64位设备上遇到的兼容性问题。 标签“mupdf 兼容64 v8a”进一步强调了修复的核心在于64位Android架构(arm64-v8a)。v8a是Android针对64位ARM处理器的ABI,...

    图片滑动浏览--兼容各手机浏览器

    标题中的“图片滑动浏览--兼容各手机浏览器”是指一种技术解决方案,旨在为网页上的图片创建一个可滑动浏览的视图...为了实现这一功能,开发者需要深入理解触控事件的处理、CSS布局以及如何编写跨浏览器的兼容性代码。

    DW中文本折行

    不同的浏览器可能对某些CSS属性有不同的解析方式,因此在编写样式时,推荐使用跨浏览器的解决方案,比如使用 `-webkit-`、`-moz-`、`-ms-` 和 `-o-` 前缀来确保在各主流浏览器中的兼容性。 最后,调试和测试也是...

    Zend Framework入门教程中文版

    尽管 Zend Framework 不强制使用特定的目录结构,但推荐一个通用的结构以优化项目组织。教程中提出的结构包括: - `zf-tutorial`(根目录) - `application` - `controllers` - `models` - `views` - `filters...

    帝国CMS后台fckeditor编辑器兼容IE10的方法汇总

    在此界面中,勾选“在兼容性视图中显示所有网站”选项,这样IE10将按照旧版IE的渲染方式进行页面展示,以适应fckeditor编辑器。 方法二:修改网页头部Meta标签 在网页的HTML头部添加特定的Meta标签可以强制浏览器以...

    js常用55个技巧

    ### JS常用55个技巧详解 #### 1. 屏蔽鼠标右键 - **技巧说明**:通过在页面元素上设置 `oncontextmenu` 事件处理程序,并返回 `false`,...在实际开发过程中,根据具体需求选择合适的方法,并确保兼容性和可用性。

    HTML5头部&lt;meta&gt;标签的一些常用信息小结

    6. 浏览器兼容性控制 通过设置此标签,可以指定浏览器版本兼容模式,强制使用IE最新版本或Chrome浏览器渲染页面。 示例代码: ```html ,chrome=1"/&gt; ``` 7. 搜索引擎优化 某些浏览器或者搜索引擎会读取标签中的信息...

    Smarty 开源php项目开发中的模板引擎 v3.1.21.zip

    - 使用须知.txt文件可能包含了关于Smarty v3.1.21的使用指导和注意事项,例如版本更新内容、兼容性问题、性能优化建议等。 - 132692271603926713可能是另一个文件,可能包含示例代码、配置文件或其他资源,具体...

    修复网页在IE8 下的显示兼容问题

    为了解决这个问题,微软引入了“兼容视图”(Compatibility View)这一功能,允许用户或开发者强制IE8使用更老的渲染模式,即模拟IE7的行为。 在IE8中,通过在网页的部分添加以下Meta标签,可以指示浏览器使用兼容...

    Zend框架入门教程

    - **视图(View)**:用于定义用户界面的外观,通常是HTML代码,展示模型中的数据给用户。 - **控制器(Controller)**:作为模型和视图之间的桥梁,负责处理用户的请求,并选择正确的模型进行数据处理,然后决定如何将...

Global site tag (gtag.js) - Google Analytics