开发工具“网络”选项卡,在“源”选项卡中打开脚本吗?

Jak*_*son 3 google-chrome google-chrome-devtools

在 Chrome 开发工具中,查看“网络”选项卡时,是否可以选择一个脚本并在“源”选项卡中打开它?双击该脚本将在新的浏览器选项卡中将其打开。

由于“源”选项卡按源域(以及文件夹路径)组织所有资源,因此如果您不立即知道特定脚本的来源,则查找该脚本可能会非常耗时。您必须在网络和源之间来回切换,记下脚本标头中的域和文件夹路径,然后尝试挖掘所有源域和子文件夹,直到找到脚本。

似乎应该有一些明显的方法可以从“网络”选项卡中的“源”选项卡中打开脚本,但我不知道如何打开。您似乎必须手动挖掘才能找到它。

Kon*_*nel 5

编辑

此功能现已在 Chrome Canary 中提供,并且应该会在几周后在稳定的 Chrome 中提供。

Chrome DevTools - 网络 - 在源面板中打开


据我所知,目前这是不可能的。我认为这是个好主意,所以我向报告了。

我能想到的从“源”选项卡中的“网络”选项卡打开脚本的最快方法是:

  • 从网络选项卡复制/记住脚本的名称,
  • 转到来源选项卡,
  • 打开文件搜索(cmd+ p/ ctrl+ p),
  • 输入您要查找的文件的名称。