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

时间:2014-12-16 20:17:42

标签: google-chrome google-chrome-devtools

在Chrome开发者工具中,查看“网络”标签时,是否可以选择脚本并在“来源”标签中将其打开?双击该脚本会在新的浏览器选项卡中以原始方式打开它。

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

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

1 个答案:

答案 0 :(得分:4)

修改

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

Chrome DevTools - Network - Open in Sources Panel


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

我能想到的最快捷的方法是从源标签中的网络标签打开脚本:

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