如何更改浏览器兼容模式 浏览器兼容模式修改方法

如何更改浏览器兼容模式

1、理解浏览器兼容模式

浏览器兼容模式又称为怪异模式或者 Quirks 模式，是指浏览器按照早期标准来渲染页面的一种模式。当浏览器无法识别某些代码时，浏览器会启动兼容模式。通常情况下，兼容模式下的页面渲染会出现各种问题，比如样式错乱、布局混乱等。因此，在页面开发中，我们需要时刻关注兼容模式是否被启用。

2、检查浏览器兼容模式

在进行更改浏览器兼容模式之前，我们需要先检查当前浏览器是否在兼容模式下运行。我们可以通过查看浏览器中的文档模式来确认当前是否启用了兼容模式。具体方法如下：

在 Chrome 浏览器中，按下 F12 键打开开发者工具，点击「Console」选项卡，输入 document.compatMode 查看返回的值。如果返回 BackCompat，则表示当前浏览器运行在兼容模式下；如果返回 CSS1Compat，则表示当前浏览器在标准模式下运行。

在 Firefox 浏览器中，按下 F12 键打开开发者工具，进入「Inspector」选项卡，点击齿轮图标，选择「Document Structure」，然后在右侧的面板中选择「Compatibility View (Page default)」。如果页面显示灰色背景，则表示当前浏览器处于兼容模式下。

3、更改浏览器兼容模式

如果浏览器启用了兼容模式，我们需要针对不同的浏览器进行不同的更改。目前主流的浏览器包括 Chrome、Firefox、Edge、IE 等，下面将分别介绍如何更改浏览器兼容模式。

3.1 Chrome 浏览器

在 Chrome 浏览器中，可以通过以下两种方式来关闭兼容模式：

• 在地址栏输入 chrome://flags/#disable-accelerated-video-decode，然后点击「启用」按钮，重启浏览器。
• 在地址栏输入 chrome://flags/#enable-experimental-web-platform-features，然后点击「启用」按钮，重启浏览器。

3.2 Firefox 浏览器

在 Firefox 浏览器中更改兼容模式，可以通过以下两种方式：

• 在地址栏输入 about:config，然后在搜索框中输入 layout.css.devPixelsPerPx。将其值更改为 1，重启浏览器。
• 在 Firefox 的菜单栏中选择「选项」>「高级」>「通用」，然后将「使用硬件加速当可用时」选项设置为「关」，重启浏览器。

3.3 Edge 浏览器

在 Edge 浏览器中更改兼容模式，可以通过以下方式：

• 在 Edge 的菜单栏中选择「设置与更多操作」>「设置」>「外观」>「应用程序模式」，将其设置为「多个进程」，重启浏览器。

3.4 IE 浏览器

在 IE 浏览器中更改兼容模式，可以通过以下方式：

• 在 IE 的菜单栏中选择「工具」>「兼容性视图设置」，取消勾选「在兼容性视图中显示网站」选项，然后点击「关闭」按钮即可。