Microsoft Edge浏览器中的网络状况工具

“网络状况工具”提供了多种模拟不同网络状况的选项，这有助于在网络状况变化较大的情况下，验证网页的正常运行情况。该工具所模拟的情境包括关闭缓存、进行网络限速处理、使用不同的用户代理，以及处理各种内容编码方式等。

目录

• 网络状况工具带来的好处
• 如何在 Edge 中打开“网络状况工具”
• 网络状况工具中的各种选项
• 显示“网络状况工具”的使用情况
• 结论

网络状况工具带来的好处

该工具带来的各种好处包括：

• 使用起来既快速又方便：这个工具非常简单，任何具备基本知识的人都可以使用它。你对工具所做的任何修改都会立即反映在网页上。
• 与网络相关的用户体验提升：用户们使用的设备在网络配置和设置方面存在各种差异。为了改善用户体验，该工具在模拟这些条件方面发挥了重要作用。
• 网络请求与响应调试：您可以将此工具与网络工具结合使用，以便在网络状况发生变化时，能够及时发现请求和响应过程中的问题。

如何在 Edge 中打开“网络状况工具”

“网络状况”工具存在于DevTools中。您可以通过按F12键或点击“Ctrl+Shift+I”来打开该工具，或者右键点击网页后，从出现的上下文菜单中选择“检查”。在DevTools中，有多种方式可以打开该工具。

• 使用“添加”按钮：在主工具栏的末端，你会找到一个“添加”按钮。点击这个按钮后，从弹出的工具列表中选择“网络条件”这个选项。
• 使用更多工具：在 DevTools 的右上角，点击三个点。然后从出现的菜单中选择“更多工具”>“网络状况”。
• 使用运行命令：请按下快捷键“Ctrl+Shift+P”，或者从DevTools右上角出现的三个点按钮所显示的菜单中选择“运行命令”。此时，会出现“运行命令”的搜索菜单。在該菜单中，输入“Network”，然后从弹出的选项列表中选择“显示网络状态”。

网络状况工具中的各种选项

该工具所提供的各种与网络相关的选项包括：

• 缓存：如果选择了“禁用缓存”选项，那么浏览器就不会缓存这些资源。这样一来，您就可以直接查看网页的原始请求和响应信息了。
• 网络限制：您可以使用此下拉列表来模拟各种网络速度，比如快速/缓慢的3G网络以及离线状态。此外，您还可以自定义自己的网络设置，例如指定名称、下载/上传速度以及延迟等参数。
• 用户代理：如果您的网页需要特定的用户代理字符串来呈现，那么您可以更改其用户代理设置。系统会提供预定义的用户代理选项，但如果您愿意的话，也可以通过修改名称来添加自定义的用户代理设置。在修改后，只需点击“更新”按钮即可完成更改。
  • 用户代理：在这里，您可以添加浏览器品牌名称以及相应的版本信息。可以使用“添加”和“删除”按钮来添加或移除多个品牌与版本的配对关系。
  • 完整版本列表：在这里，您需要提供浏览器的品牌名称以及该浏览器支持的各种设备的版本信息。可以使用“添加”和“删除”按钮来添加或移除多个品牌与版本的配对关系。
  • 完整浏览器版本：请提供那种通常被浏览器开发者使用而并未向公众推广的浏览器的完整版本。
  • 平台：在这里，您需要提供平台名称，例如 Windows 或 Android，以及该平台的版本号。
  • 建筑：在这里，您需要提供CPU的架构信息，例如x64或x86。
  • 设备型号：在这里，您需要输入设备的名称，如果设备是移动设备的话，还需要勾选“移动设备”选项。
• 接受的内容编码方式：您可以修改浏览器所支持的“content-encoding: HTTP”头字段的值。这个头字段主要用于压缩通过HTTP方式下载的网页文件。

显示“网络状况工具”的使用情况

让我们使用“网络状况工具”来模拟GFG网站的各种运行情况。

步骤1：使用Edge浏览器，访问GFG的网站，然后在开发者工具中找到“网络状况工具”。

步骤2：使用该工具来修改各种与网络相关的设置，并在“网络”选项卡中测试网站的网络请求和响应情况。

结论

开发者可能需要测试网页在各种网络条件下的表现，这些网络条件实际上是由真实用户的网络环境所决定的。不过，与其使用任何工具或在不同设备上进行测试，不如在 Edge 浏览器中模拟这些网络条件。Edge 浏览器提供了“网络条件”功能，用户可以通过该功能来模拟各种网络条件下的网页表现。