【兼容性视图】实用指南：解决老旧网页显示异常的IE功能
在互联网发展的早期，不同的网页浏览器对网页标准的理解和实现存在显著差异，尤其以微软的Internet Explorer (IE) 在特定时期占据主导地位时最为突出。随着时间的推移，新的网页标准（如HTML5、CSS3）不断出现，并且浏览器自身也在快速迭代更新。这导致一个问题：那些按照旧的IE版本特性开发的网站，在更新的IE版本中可能会出现显示错乱、功能失效等问题。为了解决这一“向前兼容”的难题，Internet Explorer引入了一个特殊的功能，称为“兼容性视图”。
兼容性视图是什么？（What）
兼容性视图（Compatibility View）是Internet Explorer浏览器中一个特有的功能。它的核心作用是让IE浏览器在访问特定网站时，能够模拟较旧版本的渲染引擎和行为模式来显示页面。简单来说，就是让新版IE“假装”成老版IE，以便那些专为老版IE设计的网页能够正常显示。
这个功能改变了浏览器解析和渲染网页的方式。当一个网站被设置为在兼容性视图中打开时，IE不会使用其最新的渲染引擎和标准模式，而是回退到模仿早期IE版本（通常是IE7，但在某些配置下也可能模仿其他旧版本）的行为模式，包括其对HTML、CSS以及JavaScript对象模型的特定解释方式。这就像给一个现代建筑师一本旧的建筑规范手册，要求他按照旧规范来审查和构建某个特定的房间。
为何需要使用兼容性视图？（Why）
您之所以会需要使用兼容性视图，最常见的原因是您正在访问一个老旧的网站或内部应用，它在您的当前IE浏览器版本中显示不正常或无法使用。具体表现可能包括：
- 页面布局混乱或错位：元素浮动不正确、宽度计算错误、背景图片不显示等。
- 功能按钮或链接失效：点击没有反应，或者跳转到错误的页面。
- 表单填写或提交问题：数据无法输入或提交失败。
- 特定控件无法加载：例如，一些基于ActiveX或其他旧技术的控件在标准模式下被阻止。
- 整体外观与预期严重不符：与您印象中或设计者预期的样子完全不同。
这些问题通常是因为网站的开发者在构建它的时候，主要或仅考虑了当时的IE版本（如IE6、IE7或IE8），并利用了这些旧版本浏览器特有的行为或漏洞进行开发。当您使用IE9、IE10或IE11访问这些网站时，由于新的IE版本更严格地遵循了现代网页标准，或者改变了某些旧的行为，反而导致这些为旧版本“量身定制”的网页出现了“水土不服”的情况。兼容性视图就是为了解决这种“向后兼容”的问题而设计的。
兼容性视图的主要应用场景是企业内部的办公系统（Intranet）或遗留的政府/银行网站，这些系统由于维护成本等原因未能及时更新以适应新的浏览器标准。
在哪里设置兼容性视图？（Where）
兼容性视图的设置位于Internet Explorer浏览器的菜单中。以下是找到设置的典型路径，以IE11为例（这是最后一个主要的IE版本）：
- 打开Internet Explorer浏览器。
- 如果您没有看到菜单栏（文件、编辑、查看等），请按键盘上的Alt键，菜单栏就会临时显示出来。
- 在菜单栏中，点击“工具”(Tools)选项。
- 在弹出的菜单中，找到并点击“兼容性视图设置”(Compatibility View settings)。
点击后，会弹出一个名为“兼容性视图设置”的对话框，您可以在这里管理哪些网站需要以兼容性视图显示。
如何添加或移除网站？（How）
在“兼容性视图设置”对话框中，您可以手动添加或移除需要以兼容性视图显示的网站。
添加网站到兼容性视图列表：
- 打开“兼容性视图设置”对话框（参照上一节的步骤）。
- 在“添加此网站”(Add this website)文本框中，输入您想要在兼容性视图中显示的网站地址（域名部分即可，例如：`example.com`）。
- 点击旁边的“添加”(Add)按钮。
- 网站的域名将会出现在下方的“已添加到兼容性视图的网站”(Websites you’ve added to the list)列表中。
- 点击“关闭”(Close)保存设置。
下次您访问该网站时，IE就会自动应用兼容性视图进行渲染。
移除网站：
- 打开“兼容性视图设置”对话框。
- 在“已添加到兼容性视图的网站”列表中，选中您想要移除的网站域名。
- 点击旁边的“删除”(Remove)按钮。
- 点击“关闭”保存设置。
此外，在“兼容性视图设置”对话框下方，还有一些额外的选项：
- “在兼容性视图中显示Intranet站点”(Display intranet sites in Compatibility View)：如果您访问的是公司内部网络中的网站，勾选此项可以让IE自动对这些网站应用兼容性视图，无需手动添加。这对于企业用户非常方便。
- “使用Microsoft兼容性列表”(Use Microsoft compatibility lists)：勾选此项可以让IE自动从微软获取一个已知需要兼容性视图的网站列表并应用。这个列表通常包含一些流量较大的、已知存在兼容性问题的网站。
兼容性视图如何改变页面渲染？（How it works）
当一个网站被强制进入兼容性视图模式时，Internet Explorer主要会做以下几件事：
- 改变文档模式 (Document Mode)： 这是兼容性视图最核心的变化。它会指示浏览器使用一个较低版本的文档模式来解析页面。例如，对于IE11，标准模式下可能会使用IE11 Edge模式或更高标准模式，但在兼容性视图下，它通常会切换到IE7标准模式（有时也可能是IE5怪异模式，取决于特定情况和HTML头部声明）。不同的文档模式决定了浏览器如何解释CSS（如盒模型、浮动、定位）、如何执行JavaScript以及如何构建页面的文档对象模型(DOM)。
- 模拟旧版CSS解析： 老版本的IE在处理CSS时存在一些著名的bug和差异，例如对盒模型的计算方式（IE的“怪异盒模型” vs 标准盒模型）。兼容性视图会尝试模拟这些旧的解析行为，使得那些依赖于旧行为进行布局的页面能够正确显示。
- 改变JavaScript行为： 旧版IE的JavaScript引擎和DOM API与新版本及其他现代浏览器存在差异。兼容性视图也会在一定程度上模拟旧版的JavaScript环境，例如`attachEvent`（IE特有）与`addEventListener`（标准）的使用，或者对某些DOM对象属性和方法的支持程度。
正是通过这些模式的切换和行为的模拟，兼容性视图使得那些使用旧标准或IE私有特性开发的网页能够在较新的IE版本中“复活”。
使用兼容性视图的潜在影响和注意事项（What are the effects/downsides）
尽管兼容性视图解决了访问旧网站的问题，但它并非没有缺点或风险：
- 安全性降低： 较旧的浏览器模式可能存在已知的安全漏洞。虽然IE浏览器本身会不断接收安全更新，但以旧模式渲染页面可能会暴露用户于旧模式下的特定风险。此外，老旧的网站本身也可能存在未修复的安全问题。
- 与现代网站不兼容： 将兼容性视图应用于为现代浏览器和标准设计的网站，反而会导致这些网站显示不正常或功能失效。这是因为现代网站通常依赖于新的HTML、CSS和JavaScript特性，这些特性在旧的兼容性视图模式下可能不被支持或行为异常。
- 性能问题： 旧的渲染引擎可能不如新版本高效，在处理复杂页面时可能会导致页面加载或交互速度变慢。
- 用户体验割裂： 在不同的网站间切换时，浏览器渲染模式的来回切换可能会让用户感到困惑。
因此，兼容性视图是一个针对特定历史问题的解决方案，不应该被视为通用的网页显示模式。只应在确实遇到旧网站显示问题时，针对该特定网站启用此功能。
兼容性视图的当前地位（Relevance Today）
随着Internet Explorer浏览器在2022年正式退役，并被Microsoft Edge浏览器取代，兼容性视图作为IE特有功能的使用场景正在逐渐减少。Microsoft Edge基于Chromium内核，遵循现代网页标准，并且自带了一个“IE模式”（IE Mode），该模式允许Edge在需要时使用IE的Trident MSHTML引擎来渲染特定网站，从而提供与IE兼容性视图相似的功能，用于访问那些顽固的遗留网站。
尽管IE已不再受支持用于日常网页浏览，但仍有大量企业和组织因其内部系统依赖而继续在特定环境中使用IE或Edge的IE模式。因此，了解兼容性视图（或其在Edge中的对应功能IE模式）对于维护和使用这些遗留系统的人员来说仍然是必要的知识。但对于普通用户访问现代互联网而言，兼容性视图已不再是一个常用或推荐的功能。
总之，兼容性视图是Internet Explorer中一个旨在解决向前兼容问题的历史性功能，它通过模拟旧的IE渲染行为来正确显示那些为早期IE版本设计的网页。虽然它在处理遗留系统时非常有用，但使用时需要注意其潜在的兼容性和安全风险，并且在现代浏览器中，其功能已由更先进的“IE模式”所取代。
