安卓系统

边缘浏览器的F12开发人员工具中的网络工具

How to save inspect element changes permanent

How to save inspect element changes permanent

目录:

Anonim

Microsoft最近在 Windows 10中为新的 Microsoft Edge浏览器 F12开发人员工具 中宣布了新改进的网络工具 在开发商的巨大需求之后。作为一名开发人员,您现在可以对一组改进的工具进行研究,所以您可以感到兴奋。

让我们看看Microsoft购买的一些主要改进。

Microsoft Edge F12开发人员工具

即使您是初学者,您也会发现访问Microsoft Edge F12开发者非常容易,因为您需要遵循的步骤非常少。您只需单击并打开 更多操作 菜单,然后选择“ F12开发人员工具”。这将自动启动未锁定的工具。

增强Edge

中的网络工具微软在改进方面采取的第一步是重新设计网络工具,以便开发人员获得更清晰的体验。接下来,Microsoft团队还添加了一个 开始和停止 工具栏按钮,以便在处理基于HTTP的网络流量时为开发人员提供更多的灵活性。

还有一个名为“内容类型过滤器“,它已被添加以允许开发者放置过滤器并且仅获得期望的流量类型。因此,您可以跳过许多不相关的网络电话,同时获取有关网络错误类型和数量,请求数量,响应数据传输大小和下载时间等的相关信息。

您也可以导出并保留JSON HAR文件中所有信息的跟踪

Microsoft Edge着名的F12开发人员工具增强功能

新Microsoft Edge中包含的增强项目列表如下所示:

  • 始终从服务器刷新:此功能可确保您正在从服务器测试资源的最新版本,而不是过时的。
  • 清除缓存和Cookie :这可确保在加载下一个缓存之前清除浏览器的缓存页面,您可以使用快捷方式清除cookie,而无需进入浏览器设置
  • 清除会话 - 您可以使用清除会话按钮清除会话期间记录的任何网络流量信息
  • 清空 > - 随着您只能关注上次页面刷新或导航期间加载的资源。您甚至可以通过在网络工具

名称

  • 中关闭包括摘要视图的功能,将此功能与上次会话进行比较:这包括请求资源的名称和URL
  • 协议:包含用于请求资源的协议
  • 方法:显示请求中使用的HTTP方法
  • 结果:显示服务器返回的响应状态代码和文本消息
  • 内容类型:显示服务器返回的响应的MIME类型
  • 接收:服务器发送的响应有效负载的总大小
  • 时间:显示资源获取下载所花费的时间
  • 计时:显示随时间发生的网络活动的图形表示

如果您对该信息的更多详细信息视图感兴趣,则可以进入Detail View而不是摘要视图。像Header,Body和Parameters等信息显示在Detail View的不同部分。您只需双击请求并从侧面板上阅读信息即可。

微软表示,这里需要注意的一个关键问题是IE11环境中还提供了这些网络工具的新增强功能以及Edge。

现在了解如何在Edge Developer Tools中更改用户代理,模式,显示,地理定位。