ie浏览器开发人员工具里面 “浏览器模式” “文档模式”选项有啥区别啊？

ie浏览器开发人员工具里面 “浏览器模式” “文档模式”选项主要在更改权限、显示内容、使用目的方面存在区别。

1、更改权限的区别：

浏览器模式只能查看不能更改。

文档模式可以对页面进行更改。

2、显示内容的区别：

浏览器模式是正常使用浏览器显示的页面。

文档模式是纯文档的，不显示图片，类似记事本看文字的样子。

3、 使用目的的区别：

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

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

1、首先双击桌面上的IE11启动图标，打开IE11浏览器；

2、打开IE11浏览器之后，按下键盘上的F12，打开开发人员模式；

3、然后点击下方打开的开发人员页面中的“仿真”；

4、在仿真页面下可以看到“文档模式”；

5、点击文档模式的选项框就可以更改默认文档模式了。

浏览器模式控制浏览器发出的用户代理，该代理表示发出请求的浏览器版本。文档模式控制页面排版引擎的哪个版本解析并呈现页面代码。IE浏览器使用文档模式切换版本的 *** 作方法如下：

一、打开IE浏览器并单击右上角的工具。

/iknow-pic.cdn.bcebos.com/dbb44aed2e738bd4fa0a3e43ae8b87d6277ff99d"target="_blank"title="点击查看大图"class="ikqb_img_alink">/iknow-pic.cdn.bcebos.com/dbb44aed2e738bd4fa0a3e43ae8b87d6277ff99d?x-bce-process=image%2Fresize%2Cm_lfit%2Cw_600%2Ch_800%2Climit_1%2Fquality%2Cq_85%2Fformat%2Cf_auto"esrc="https://iknow-pic.cdn.bcebos.com/dbb44aed2e738bd4fa0a3e43ae8b87d6277ff99d"/>

二、在d出选项栏中选择F12开发人员工具。

/iknow-pic.cdn.bcebos.com/a9d3fd1f4134970add759c5d9acad1c8a7865dba"target="_blank"title="点击查看大图"class="ikqb_img_alink">/iknow-pic.cdn.bcebos.com/a9d3fd1f4134970add759c5d9acad1c8a7865dba?x-bce-process=image%2Fresize%2Cm_lfit%2Cw_600%2Ch_800%2Climit_1%2Fquality%2Cq_85%2Fformat%2Cf_auto"esrc="https://iknow-pic.cdn.bcebos.com/a9d3fd1f4134970add759c5d9acad1c8a7865dba"/>

三、在菜单栏中选择“模拟”选项。

/iknow-pic.cdn.bcebos.com/0d338744ebf81a4cd53160bbd82a6059252da645"target="_blank"title="点击查看大图"class="ikqb_img_alink">/iknow-pic.cdn.bcebos.com/0d338744ebf81a4cd53160bbd82a6059252da645?x-bce-process=image%2Fresize%2Cm_lfit%2Cw_600%2Ch_800%2Climit_1%2Fquality%2Cq_85%2Fformat%2Cf_auto"esrc="https://iknow-pic.cdn.bcebos.com/0d338744ebf81a4cd53160bbd82a6059252da645"/>

四、在文档模式的右侧，选择所需的版本。

/iknow-pic.cdn.bcebos.com/30adcbef76094b3601fe979faccc7cd98d109d50"target="_blank"title="点击查看大图"class="ikqb_img_alink">/iknow-pic.cdn.bcebos.com/30adcbef76094b3601fe979faccc7cd98d109d50?x-bce-process=image%2Fresize%2Cm_lfit%2Cw_600%2Ch_800%2Climit_1%2Fquality%2Cq_85%2Fformat%2Cf_auto"esrc="https://iknow-pic.cdn.bcebos.com/30adcbef76094b3601fe979faccc7cd98d109d50"/>

---