兼容性视图及其重要性

时间:2013-05-21 09:06:09

标签: html css internet-explorer

我刚刚完成了我的网站的布局,它在所有浏览器(Opera,Safari,Chrome,IE 7,8,9,10(两者)和其他几个)中运行得非常好 - 但这一次,IE 10的地址栏中的兼容性视图按钮出现。这种情况在很长一段时间内都没有发生过,而且让我非常讨厌。

我根本不想显示兼容性视图按钮。它向观众/访客发送错误消息。在这种情况下,我在不同的计算机上测试了我的整个站点,所有计算机都运行不同的浏览器和不同版本的浏览器,我没有注意到一个问题。

如果没有问题,为什么会出现兼容性视图按钮?

问题就在这里,就像我说的,一切正常 - 除非我在IE 10中打开 ON 兼容性视图。当我打开它时,我的唯一内容我可以看到的整个网站是我的徽标,页面右上角有一个小图片(但它们正好位于我想要的位置)。是什么给了什么?

代码没有错 - 严肃的说。我已经多次验证了它,所有AJAX的东西都像魅力一样,我真的很努力地找到问题,我甚至故意试图搞砸它,但它的工作非常好。一切的定位都是现场。

那么这个兼容性视图垃圾的处理是什么?为什么会这样 - 在一个没有任何问题的网站上?而且,最重要的是,重要的是我确保我的网站在兼容性视图中运行良好,即使它在关闭时工作得很好,即使它在所有主流浏览器中都能完美运行 - 然后一些

2 个答案:

答案 0 :(得分:8)

首先,您可以强制IE不显示兼容性视图按钮,只需将其添加到页面头部:

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

至于你的其他问题:

  

如果没有问题,为什么会出现兼容性视图按钮?

  

那么这个兼容性视图垃圾的处理是什么?为什么会这样 - 在一个没有任何问题的网站上?

如果网站(通常是多年前编写的网站)无法在较新版本的IE中工作,以允许用户查看或IE以旧版渲染模式显示它,希望它能更好地工作

此外,它默认情况下是 ,因为旧网站甚至不会在上面开始使用元标记。为了在查看现有网站时显示按钮而不必更新其代码,通过让开发人员将其添加到新代码以告知较新版本的IE隐藏按钮,使其成为选择退出功能是合乎逻辑的。什么时候不需要。

  

而且,最重要的是,重要的是我确保我的网站在兼容性视图中运行良好,即使它在关闭时工作正常,即使它在所有主流浏览器中都能完美运行 - 然后一些< / em>的

兼容性视图适用于专为旧版浏览器设计的网站,因此,依赖于最新浏览器中不存在的旧版渲染怪癖,这些怪癖可能会在最近的浏览器中造成“问题”

如果没有看到您的网站,我们将无法确定IE7和IE10在IE7模式下的工作原理,但不能确定兼容性视图,但如果它在较新版本的IE中运行良好,则需要确保它在兼容性视图中运行良好。使用上面的元标记在不需要时隐藏按钮就足够了。

答案 1 :(得分:1)

您能为我们提供指向您网站的链接吗?我总是使用

<!DOCTYPE html>

在HTML文档的第一行。这是所有现代浏览器中最新渲染模式的通用切换。使用BoltClock的解决方案隐藏IE地址栏中的兼容视图按钮。我更喜欢HTTP标头而不是HTML元标记,因为元标记会导致解析器切换和重置。