logo标签列表

开发工具网络选项卡，如何在源代码选项卡中打开脚本？

google-chromegoogle-chrome-devtools
3
在Chrome开发者工具中，当查看网络选项卡时，是否可以选择脚本并在“源”选项卡中打开它？双击脚本会在新的浏览器标签页中以原始状态打开。
因为“源”选项卡通过它们的来源域（以及文件夹路径）来组织所有资源，如果您不知道特定脚本来自哪里，找到它可能需要花费一些时间。您必须在“网络”和“源”之间切换，并注意脚本标题中的域和文件夹路径，然后尝试浏览所有源域和子文件夹，直到找到该脚本。
看起来应该有一些明显的方法可以在“网络”选项卡中打开“源”选项卡中的脚本，但我没有看到如何实现。似乎您必须手动查找才能找到它。
它刚刚在Chrome Canary中发布了-请参见https://twitter.com/umaar/status/552086893190713344。感谢您提出这个问题！ - Konrad Dzwinel
1个回答
5

编辑

这个功能现在已经在Chrome Canary中提供，应该会在几周内在稳定的Chrome中可用。

Chrome DevTools - Network - Open in Sources Panel

据我所知，目前还无法实现。不过我认为这是一个好主意，所以我向您报告了这个问题。

我能想到最快捷的打开网络选项卡中脚本源代码的方法是：

  • 从网络选项卡中复制/记下脚本的名称，
  • 转到源代码选项卡，
  • 打开文件搜索 (cmd+p / ctrl+p)，
  • 输入要查找的文件名。
1
嘿，cmd+P真的很有用。我甚至不知道它在开发工具中存在。这确实帮了我很多。谢谢。 - Jake Wilson
网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接