在Chrome开发人员工具的“网络”标签中显示完整的URI / URL

47

使用Chrome进行调试时，由于我看不到如何强制开发人员工具的“网络”标签显示完整的请求URI，因此效率非常高。

它会显示完整的URI ，如果您将鼠标悬停在链接并等待一秒钟，但是这是令人难以置信的反作用。

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

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

...等

由于我广泛使用AJAX，所以我的网络选项卡上充满了“ ajax.php”，但是我必须手动将每个条目悬停以找到我要查找的请求。

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

我一直对Firefox的新功能感到厌烦，并立即迫使自己重新回到Chrome，但始终是Chrome中的开发人员工具使我无法长时间使用它。

希望我能找到解决方法，以便继续使用Chrome作为我的数字键盘。

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

屏幕截图

google-chrome developer-tools

— 列夫
source

在Stackoverflow上可能更好？

— stolsvik '02

我一开始就想到了这一点，因为它似乎与Web开发相关，但实际上我遇到的问题不是开发，而是使用Chrome本身。

— Lev 2012年

交易工具也符合资格。

— stolsvik '02

2

在new.crbug.com上提交错误。或者，您可以将其提交到wkbug.com/new上游。用这里的方法来解释您的用例，我相信它最终将得到解决。

— Mathias Bynens'2

1

DevTools技术作家在这里。仅供参考，我确实建议使用[google-chrome-developer-tools]标签将类似这样的问题发布到Stack Overflow 。我们监视该频道，但不监视该频道。

— 凯西·巴斯克斯

40

一些列包含一个主字段和一个辅助字段（例如，时间和延迟）。当查看具有大量资源行的网络表时，将显示两个字段；当使用小的资源行时，仅显示主字段。

https://developer.chrome.com/devtools/docs/network#network-panel-overview

使用较新版本的Chrome，现在隐藏在此处：

https://developer.chrome.com/devtools/docs/network#changing-resource-row-sizes

— 罗弗洛尔
source

1

答案的实质仍然是正确的，但对于后来的访客，GUI已更改。（至少在Chrome 78中，我不能说它何时引入），现在可以在网络设置（网络标签右上角的齿轮标签）中找到第一个复选框，标题为“ []使用大请求行”

— Daryn

4

目前尚无法实现。但是，Chrome开发人员工具（例如https://developers.google.com/chrome-developer-tools/）上正在进行许多工作，您可以建议使用此功能。

— eb80
source

2

在Chrome和Firefox中，您都可以右键单击并将网络信息另存为HAR（HTTP存档）。可以使用脚本或几个HAR查看器之一手动处理该HAR文件，并包含完整的URL。

Google拥有出色的在线HAR阅读器，可显示每个请求的完整URL：https : //toolbox.googleapps.com/apps/har_analyzer/

因此，要查看完整的URL：

通过检查>网络>右键单击>另存为HAR保存/导出HAR文件。
将HAR加载到HAR Analyzer中。
根据需要排序/过滤，或突出显示表格单元格/行并复制/粘贴。

— 迈克尔·汤普森
source

1

我很高兴地报告，此功能现已在Firefox中提供。

我知道它不是Chrome，但对我来说，这是更好的选择。

Firefox Nightly 69可以做到这一点。只需右键单击列，然后选择URL。

https://bugzilla.mozilla.org/show_bug.cgi?id=1341155

— 格言
source

这可能是有用的信息，但不会发布在最佳位置。该问题特定于Chrome，因此在此处发布，可能更适合作为注释。这个问题也是古老的。对您的答案有用的读者不太可能在这里偶然发现。查找一个更相关的问题以发布该问题，或者创建自己的自我回答的问题，会更有帮助。

— fixer1234

你说得对。但是几年前，我遇到了同样的问题，这对开发人员（Chrome和Firefox也是）“痛苦”。因此，到目前为止，我已经找到了报道该新闻最多的Google链接。如果可以的话-请将其移至正确的问题））

— Maxim

0

抱歉，这不是可以在Chrome中完成的操作。此外，没有任何消息将对开发人员面板进行任何更改，因此我不希望很快添加此更改。

— 苏安多斯
source