在 Chrome 的开发者工具网络选项卡中显示完整的 URI/URL

Question

使用 Chrome 进行调试时，我发现很难提高效率，因为我看不到如何强制开发人员工具的“网络”选项卡显示完整的请求 URI。

如果您将鼠标悬停在链接上并等待一秒钟，它将显示完整的 URI ，但这会适得其反。

我所有的 AJAX 请求都发送到 ajax.php，并使用查询字符串参数进行处理，例如：

ajax.php?do=profile-set
ajax.php?do=game-save

... 等等。

由于我广泛使用 AJAX，我的网络选项卡充满了“ajax.php”，但我必须手动悬停每个条目才能找到我正在寻找的请求。

当然必须有另一种方式！？

我经常对 Firefox 中的新东西感到厌烦，并立即强迫自己重新使用 Chrome，但始终是 Chrome 中的开发人员工具使我无法长时间使用它。

希望我能找到如何做到这一点，这样我就可以继续使用 Chrome 作为我的 numero uno。

我提供了一个屏幕截图，向您展示我的意思：

Answer 1

某些列包含主要字段和次要字段（例如，时间和延迟）。查看具有大资源行的网络表时，会显示两个字段；当使用小资源行时，只显示主要字段。

在较新版本的 Chrome 中，它现在隐藏在此处：

答案的本质仍然是正确的，但对于后来的访问者来说，GUI 已经改变了。（至少在 Chrome 78 中，我不能说何时引入），现在可以在网络设置中找到选项（网络选项卡右上角的齿轮选项卡），第一个复选框，标题为“[] 使用大请求行” (2认同)

Answer 2

您可以右键单击网络选项卡中的列，然后选择“Url”或“Path”，这将显示请求的完整 URL。

然后，您可以再次右键单击并取消选择“名称”以删除多余的列。

刚刚在 Chrome 81 中进行了测试。

更新（2022年4月7日）：刚刚测试了一下，在Chrome 100中还是同样的步骤。

更新（2022 年 9 月 28 日）：最新 Chrome 105 上的步骤仍然有效。

Answer 3

这是目前不可能的。但是，Chrome 开发工具（例如，https : //developers.google.com/chrome-developer-tools/）正在积极开展工作，您可以就该功能的选项提出建议。

Answer 4

抱歉，这不是 Chrome 中可以完成的事情。此外，还没有关于开发人员面板将进行任何更改的消息，因此我预计不会很快添加此内容。