HTML Meta中添加X-UA-Compatible和IE=Edge,chrome=1有什么作用

HTML Meta中添加X-UA-Compatible和IE=Edge,chrome=1有什么作用

这是一个文档兼容模式的定义。主要用于加强代码对IE的兼容性,强制IE使用当前本地最新版标准模式渲染或者用chrome内核渲染。

1、Edge 模式告诉 IE 以最高级模式渲染文档,也就是任何 IE 版本都以当前版本所支持的最高级标准模式渲染,避免版本升级造成的影响。

简单的说,就是什么版本 IE 就用什么版本的标准模式渲染。

<meta http-equiv=”X-UA-Compatible” content=”IE=edge”>

2、使用以下代码强制 IE 使用 Chrome Frame 渲染(需要安装有Google Chrome Frame)

<meta http-equiv=”X-UA-Compatible” content=”chrome=1″>

3、提示 IE 用户安装 Google Chrome Frame 插件

Google 官方提供了对 Google Chrome Frame 插件安装情况的检测,这里直接调用方法即可,如果检测到 IE 并未安装 Google Frame,则弹出对话框提示安装。

4、最佳的兼容模式方案,结合考虑以上两种:

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

HTML Meta中添加X-UA-Compatible和IE=Edge,chrome=1有什么作用

扩展资料

X-UA-Compatible是自从IE8新加的一个设置,对于IE8以下的浏览器是不识别的。通过在meta中设置X-UA-Compatible的值,可以指定网页的兼容性模式设置。

在网页中指定的模式优先权高于服务器中(通过HTTP Header)所指定的模式。

兼容性模式设置优先级:

meta tag > http header

“IE=Edge,chrome=1″这样简单快捷,但是弊端是代码将无法通过W3C验证。其实这并不是问题,毕竟标准只是标准,如果只有这一个“错误”完全不会有任何不良的影响。

注意事项:

1、根据官网定义X-UA-compatible 标头不区分大小写;不过,它必须显示在网页中除 title 元素和其他 meta 元素以外的所有其他元素之前。如果不是的话,它不起作用。

2、content的内容是IE=8,或者IE=edge等值,注意不是IE8或者直接写个edge的值,否则不起作用

浏览器模式(BROWSER MODE):于切换IE针对该网页的默认文档模式、对不同版本浏览器的条件备注解析、发送给网站服务器的用户代理(User-Agent)字符串的值。

网站可以根据浏览器返回的不同用户代理字符串判断浏览器的版本和安装的功能,这样就可以向不同的浏览器返回不同的页面内容。

默认情况下,IE8的浏览器模式为IE8。用户可以通过单击地址栏旁边的兼容性视图按钮来手动切换到不同的浏览器模式。

在IE8中,IE8兼容性视图会以IE7文档模式来显示网页,同时会向服务器发送IE7的用户代理字符串。

文档模式(document mode):用于指定IE的页面排版引擎(Trident)以哪个版本的方式来解析并渲染网页代码。

切换文档模式会导致网页被刷新,但不会更改用户代理字符串中的版本号,也不会从服务器重新下载网页。切换浏览器模式的同时,浏览器也会自动切换到相应的文档模式。

简而言之:浏览器模式的改变,能够改变请求中User Agent的值,让服务器获取后,能够按照UA的值进行对应处理(如果服务器上有这个处理功能)。

而文档模式的改变只反映在本地的浏览器解析HTML上,对客户端显示会有影响,而对服务器透明。同时,修改浏览器模式会影响文档模式,反之却不成立。

参考资料:Microsoft——文档兼容性

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/112508.html原文链接:https://javaforall.net

(0)
上一篇 2021年11月6日 下午3:00
下一篇 2021年11月6日 下午4:00


相关推荐

  • 华为堡垒机_运维堡垒机—-Gateone

    华为堡垒机_运维堡垒机—-Gateone简介 运维堡垒机的理念起源于跳板机 2000 年左右 高端行业用户为了对运维人员的远程登录进行集中管理 会在机房里部署跳板机 跳板机就是一台服务器 维护人员在维护过程中 首先要统一登录到这台服务器上 然后从这台服务器再登录到目标设备进行维护 但跳板机并没有实现对运维人员操作行为的控制和审计 使用跳板机过程中还是会有误操作 违规操作导致的操作事故 一旦出现操作事故很难快速定位原因和责任人 2004 年

    2026年3月17日
    2
  • 云生态:云计算棋局中的“胜负手”

    云生态:云计算棋局中的“胜负手”

    2022年3月6日
    36
  • Gemini 3.1 Pro夯爆了!(附教程)

    Gemini 3.1 Pro夯爆了!(附教程)

    2026年3月13日
    3
  • c语言基础知识菜鸟_c语言入门基础100题

    c语言基础知识菜鸟_c语言入门基础100题菜鸟教程之C语言基础(上)一、前言:前几天,在看另一个教程视频,总感觉太啰嗦,讲的东西不符合我想要的。这里,通过菜鸟教程,看一遍文档,打一遍笔记,想通过这样学一下C语言的基础。感谢菜鸟教程。

    2022年8月5日
    10
  • mac idea2019激活码【在线破解激活】[通俗易懂]

    mac idea2019激活码【在线破解激活】,https://javaforall.net/100143.html。详细ieda激活码不妨到全栈程序员必看教程网一起来了解一下吧!

    2022年3月17日
    51
  • springboot框架简介_springboot工作原理

    springboot框架简介_springboot工作原理springboot介绍1、springboot概述springboot对spring的缺点进行改善和优化,基于约定优化配置的思想,可以让开发人员不必在配置与逻辑业务之间进行思维的切换,全身心的投入到逻辑业务的代码编写中,从而大大提高了开发效率,也可以缩短项目周期。2、springboot特点为基于spring开发提供更快的入门体验。开箱即用,不需要代码生成,也不需要xml配置,同时也可以修改默认值来满足特定的需求。提供了一些大型项目中常见的非功能特性,如嵌入式服务器、安全、指标,健康检测、外部

    2022年8月20日
    9

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号