您的位置：首页 > 编程技术 > html  >  X-UA-Compatible 兼容模式详解

X-UA-Compatible 兼容模式详解

 更新时间：2016年9月20日 18:58  点击：1794
X-UA-Compatible这种我们经常会在大站看到着问加有这么一句，开始不理解怎么回来，百度了一下结果，下面看看关于 X-UA-Compatible 兼容模式详解。

为了将这个风险降到最低，IE6允许网页开发人员选择IE编译和显示他们网页的方式。"Quirks mode"为预设，这会使页

面以旧版本浏览器的视点显示，"Standards mode"(也称为"strict mode")特点是支持业界标准最为完善。然而要利用

这个增强的支持功能，网页必须包含恰当的<!DOCTYPE>指令。

　　若一个网页没有包含<!DOCTYPE>指令，IE6会将它以quirks mode显示。若网页包含有效的<!DOCTYPE>指令但浏览器

无法辨识，IE6会将它以IE6 standards mode显示。因为少数网站已经包含<!DOCTYPE>指令，兼容性模式的切换相当成

功。

认识文件兼容性模式

IE8支持几种文件兼容性模式，它们具有不同的特性并影响内容显示的方式。

?Emulate IE8 mode指示IE使用<!DOCTYPE>指令来决定如何编译内容。Standards mode指令会显示成IE8 Standards

mode而quirks mode会显示成IE5 mode。不同于IE8 mode，Emulate IE8 mode重视<!DOCTYPE>指令。
?Emulate IE7 mode指示IE使用<!DOCTYPE>指令来决定如何编译内容。Standards mode指令会显示成IE7 Standards

mode而quirks mode会显示成IE5 mode。不同于IE7 mode，Emulate IE7 mode重视<!DOCTYPE>指令。对于许多网页来说

这是最推荐的兼容性模式。
?IE5 mode 编译内容如同IE7的quirks mode之显示状况，和IE5中显示的非常类似。
?IE7 mode编译内容如同IE7的standards mode之显示状况，无论网页是否含有<!DOCTYPE>指令。

Emulate IE7 mode 兼容性之范例。

 代码如下 复制代码

<html>
<head>
  <!-- Mimic Internet Explorer 7 -->
  <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
  <title>My Web Page</title>
</head>
<body>
  <p>Content goes here.</p>
</body>
</html>

其内容随著指定的页面模式而更改，当要模拟IE7时，指定IE=EmulateIE7，指定IE=5, IE=7, 或IE=8来选择其中一种兼

容性模式。你也可以指定IE=edge来指示IE8使用它支持的最高模式。

X-UA-compatible标头没有大小写之分。然而除了title元素及其他的meta元素之外，它必须出现在网页header节其它元

素之前的位置，


其它兼容参考

 代码如下 复制代码
<meta http-equiv="X-UA-Compatible" content="IE=9">

IE8 模式支持许多既定行业标准，W3C CSS Level 2.1 规范和

W3C Selectors API，有限支持 W3C CSS Level 3 规范（草案）和其他行业标准

 代码如下 复制代码
<meta http-equiv="X-UA-Compatible" content="IE=8">

IE7 模式强制浏览器按照 IE 7 标准模式渲染文档，忽略是否

定义指令

 代码如下 复制代码
<meta http-equiv="X-UA-Compatible" content="IE=7">

Emulate IE9 模式告诉 IE 使用指令来决定如果渲染文档。标

准模式下以 IE9 渲染，怪癖模式下以 IE5 渲染。和 IE9 模式不同的是，Emulate IE9 模式会考虑指令

 代码如下 复制代码
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE9">

Emulate IE8 模式告诉 IE 使用指令来决定如果渲

染文档。标准模式下以 IE8 渲染，怪癖模式下以 IE5 渲染。和 IE8 模式不同的是，Emulate IE8 模式会考虑指令

 代码如下 复制代码
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE8">

Emulate IE7 模式告诉 IE 使用指令来决定如果渲

染文档。标准模式下以 IE7 渲染，怪癖模式下以 IE5 渲染。和 IE7 模式不同的是，Emulate IE7 模式会考虑指令。

对于大多数站点而言，这是首选的兼容模式

 代码如下 复制代码
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7">

IE5 模式告诉 IE7 是否以怪癖模式渲染文档

 代码如下 复制代码
<meta http-equiv="X-UA-Compatible" content="IE=5">

Edge

模式告诉 IE 以最高级模式渲染文档，也就是任何 IE 版本都以当前版本所支持的最高级标准模式渲染，避免版本升级

造成的影响。简单的说，就是什么版本 IE 就用什么版本的标准模式渲染

 代码如下 复制代码
<meta http-equiv="X-UA-Compatible" content="IE=edge">

使用以下代码强制 IE 使用 Chrome Frame 渲染

 代码如下 复制代码
<meta http-equiv="X-UA-Compatible" content="chrome=1">

提示 IE 用户安装 Google Frame
Google 官方提供了对 Google Frame 插件安装情况的检测，这里直接调用方法即可，如果检测到 IE 并未安装 Google

Frame，则弹出对话框提示安装。

 代码如下 复制代码

<script src="http://ajax.googleapis.com/ajax/libs/chrome-

frame/1/CFInstall.min.js"></script><script>CFInstall.check();</script>

最佳的兼容模式方案，结合考虑以上两

种：

 代码如下 复制代码

<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
关闭input输入框的自动完成功能 有需要的朋友可参考一下。
 代码如下 复制代码

<input  type=text name="UserName" autocomplete=off>

即加入autocomplete属性，并把他设成off即可

关闭输入框的自动完成功能有3种方法：

1、在IE的Internet选项菜单里的内容--自动完成里面设置

2、设置Form的autocomplete为"on"或者"off"来开启或者关闭自动完成功能

3、设置输入框的autocomplete为"on"或者"off"来开启或者关闭该输入框的自动完成功能

为什么点击浏览器的后退按钮后，所有字段的信息都被清空了？ 下面我们来看看解决办法。

问：为什么我在点击浏览器的后退按钮后，所有字段的信息都被清空了？

答：这是由于你在你的表单提交页面中使用了 session_start 函数。该函数会强制当前页面不被缓存。解决办法为，在你的 Session_start 函数后加入

 代码如下 复制代码
header("Cache-control: private");

注意在本行之前你的PHP程序不能有任何输出。

还有基于session的解决方法，在session_start前加上

 

 代码如下 复制代码
session_cache_limiter('nocache');// 清空表单
session_cache_limiter('private'); //不清空表单，只在session生效期间
session_cache_limiter('public'); //不清空表单，如同没使用session一般

还有一种自己用的方法，利用cookie来实现，用户输入数据时就保存到了cookie如果出错就把cookie的值返回

常用的ajax方法，这种在局部提交了自然就不需要后退一这说了。

本文章收藏了关于FCKEditor XML Request Error:Internal Server Error(500)各种问题的解决办法。

原来一直能用的ecshop后台信息发布里面的fckeditor上传功能，换了个机器后不能用了。以为是文件损坏，上传一边不行。
什么xml错误，还弹出一个大的JavaScript alert警告框，内容就是服务器端错误的500内容
网上搜，又说是配置问题，主题问题，想想都不应该，直接请求

 代码如下 复制代码

filemanager/connectors/php/connector.php

出了服务器的500错误，html文件能访问，txt也行。
后来从根目录开始查，发现到fckeditor目录里面的php文件开始不能访问。

改了fckeditor目录的属性为755，问题解决。


问题二

网上很多人提到，后来发布的FCKeditor2.3以后的版本，要设置fckeditoreditorfilemanagerconnectorsaspx目录下的connector.aspx,和upload.aspx里的加入theme="",但经本人测试，这样还是不行，仔细看提示的错误，原来根本没有那么复杂，其实就是你的上传文件夹设置不对，首先要确认你的文件夹有写入的权限，然后再web.config里面要注意写入路径的设置，~/表示当前站点的根目录，/表现的文件所在电脑的根目录，建议根据你的文件结构，选择第一种设置。


原来是主题惹的祸:

因为ASP.NET2.0新增了Theme功能，所以如果在你的工程中你对Web.config使用到了styleSheetTheme或theme的话那就要再多修改一下。
还是到FCKeditor所在的目录，分别打开editorfilemanageruploadaspxupload.aspx和editorfilemanagerbrowserdefaultconnectorsaspxconnector.aspx两个aspx文件，在page标签中添加Theme=”"或StyleSheetTheme=”"看你在工程使用的是什么就修改什么。修改后如下：

 

 代码如下 复制代码
<%@ Page language="c#" Inherits="FredCK.FCKeditorV2.Uploader" AutoEventWireup="false" Theme="" %>

或

 代码如下 复制代码

<%@ Page language="c#" Inherits="FredCK.FCKeditorV2.Uploader" AutoEventWireup="false" StylesheetTheme="" %>

这样就解决了500的内部错误。


国外网站


After Download You Change This Lines In  FileWorkerBase.cs

 代码如下 复制代码

protected string UserFilesDirectory

{

get

{

if ( sUserFilesDirectory == null )

{

// Get the local (server) directory path translation. this.UserFilesPath

sUserFilesDirectory = Server.MapPath(string.Format("{0}{1}","~","/UserFiles/"));

}

return sUserFilesDirectory ;

}

}

Now Buid Project And Change The Refrence To FredCK.FCKeditorV2.dll (Refrence Again)

 代码如下 复制代码

After Building This Changes And Adding Project Go To fckconfig.js and Change like This Lines

var _FileBrowserLanguage = 'aspx' ; // asp | aspx | cfm | lasso | perl | php | py

var _QuickUploadLanguage = 'aspx' ; // asp | aspx | cfm | lasso | php
[!--infotagslink--]

相关文章

  • 学习JavaScript设计模式之装饰者模式

    这篇文章主要为大家介绍了JavaScript设计模式中的装饰者模式，对JavaScript设计模式感兴趣的小伙伴们可以参考一下...2016-01-21

  • javascript设计模式之解释器模式详解

    神马是“解释器模式”？先翻开《GOF》看看Definition：给定一个语言，定义它的文法的一种表示，并定义一个解释器，这个解释器使用该表示来解释语言中的句子。在开篇之前还是要科普几个概念： 抽象语法树： 解释器模式并未解释如...2014-06-07

  • Postgresql 如何选择正确的关闭模式

    这篇文章主要介绍了Postgresl 如何选择正确的关闭模式，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧...2021-01-18

  • 如何开启mysql中的严格模式

    很多集成的PHP环境(PHPnow WAMP Appserv等)自带的MySQL貌似都没有开启MySQL的严格模式，何为MySQL的严格模式，简单来说就是MySQL自身对数据进行严格的校验（格式、长度、类型等），比如一个整型字段我们写入一个字符串类型的数...2013-10-04

  • JavaScript设计模式之职责链模式

    这篇文章主要介绍了JavaScript设计模式之职责链模式，对设计模式感兴趣的同学，可以参考下...2021-04-25

  • c#标准idispose模式使用示例

    下面将把C#里实现IDispose模式的代码展现出来，大家一起来学习一下，它的使用场合也很多的，当我们手动对网站，数据库作封装时，都会用的到...2020-06-25

  • C# MVC模式中应该怎样区分应用程序逻辑（Controller层）和业务逻辑（Model层）?

    这篇文章主要介绍了C# MVC模式中应该怎样区分应用程序逻辑（Controller层）和业务逻辑（Model层）?,这也小编做.NET项目时经常思考和让人混乱的一个问题,这篇文章写的挺好,一下清晰了许多,需要的朋友可以参考下...2020-06-25

  • JavaScript设计模式之命令模式

    这篇文章主要介绍了JavaScript设计模式之命令模式，对设计模式感兴趣的同学，可以参考下...2021-04-25

  • 学习JavaScript设计模式之状态模式

    这篇文章主要为大家介绍了JavaScript设计模式中的状态模式，对JavaScript设计模式感兴趣的小伙伴们可以参考一下...2016-01-12

  • php Observer观察者模式之学习笔记

    当我们在星际中开地图和几家电脑作战的时候，电脑的几个玩家相当于结盟，一旦我们出兵进攻某一家电脑，其余的电脑会出兵救援。 那么如何让各家电脑知道自己的盟友被攻击了...2016-11-25

  • JS实现pasteHTML兼容ie,firefox,chrome的方法

    这篇文章主要介绍了JS实现pasteHTML兼容ie,firefox,chrome的方法,涉及javascript针对页面元素的动态操作技巧,具有一定参考借鉴价值,需要的朋友可以参考下...2016-06-24

  • Java接口DAO模式代码原理及应用详解

    这篇文章主要介绍了Java接口DAO模式代码原理及应用详解,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下...2020-11-03

  • C#中的IDisposable模式用法详解

    这篇文章主要介绍了C#中的IDisposable模式用法,讲述了垃圾资源回收机制的实现,并对比分析了Dispose()方法、~DisposableClass()析构函数、虚方法Dispose(bool disposing)的原理,需要的朋友可以参考下...2020-06-25

  • 阿里云OpenSearch在php版sdk开启调试模式

    版本：php_v2.0.6 在CloudsearchClient的类中，开启debug模式，设置为true 如：$opts = array(&#39;host&#39;=>$host,&#39;debug&#39;=>true); 注意true不能加引号...2016-05-19

  • 学习JavaScript设计模式之单例模式

    这篇文章主要为大家介绍了JavaScript设计模式中的单例模式，对JavaScript设计模式感兴趣的小伙伴们可以参考一下...2016-01-21

  • C#使用Dispose模式实现手动对资源的释放

    这篇文章主要介绍了C#使用Dispose模式实现手动对资源的释放,涉及C#采用Dispose模式操作资源的技巧,具有一定参考借鉴价值,需要的朋友可以参考下...2020-06-25

  • MIUI儿童模式如何开启 小米手机儿童模式开启教程

    您是否遇到过孩子想要玩手机又不好拒绝，或者是您想要给孩子配一个联系用的手机有担心孩子玩手机上瘾？如果您购买的是小米手机，那么MIUI的儿童模式就能很好地解决这个问题...2016-12-21

  • 学习JavaScript设计模式之代理模式

    这篇文章主要为大家介绍了JavaScript设计模式中的状态模式，对JavaScript设计模式感兴趣的小伙伴们可以参考一下...2016-01-14

  • PHP单例模式静态类解析和实现源代码

    我们建站的时候，开始是每次请求数据库都要重新连接的、这样显然不合理、然后自己封装了一个数据库操作类、DBTools.php、要解决一个连接多次使用的话、最好的办法是使...2016-11-25

  • 学习JavaScript设计模式之观察者模式

    这篇文章主要为大家介绍了JavaScript设计模式中的观察者模式，对JavaScript设计模式感兴趣的小伙伴们可以参考一下...2016-01-21