如何从Google Chrome浏览器的“开发人员工具”的“来源”标签中保存整个文件夹?


80

在Google Chrome浏览器的开发人员工具的“源”标签中,左侧面板包含三个标签,第一个是“源”。有没有办法从该界面下载包含多个文件和嵌套文件夹的文件夹?您可以右键单击单个文件,然后单击“另存为...”,但这很麻烦。


1
有人可以回答这个问题吗?
2015年

您能解决这个问题吗?
Suncatcher

这是一个非常不错的功能,这是由于不幸的趋势是加载了很多未在响应文本中引用的源。
亚伯兰

不支持,但至少在Chrome错误跟踪器中有一项功能请求,您可以对其加注星标并发表评论。
赫斯基

Answers:



157

不能直接使用Chrome进行操作,因此我做了一个批处理扩展,以自动将资源提取到“下载”文件夹中。你可以试试看。

保存所有资源扩展| Github


我看不到资源选项卡在哪里?我到处看
Suraj Jain

找到了它,不得不重启chrome /
Suraj Jain

4
通常,我认为它只需要重新启动检查器,而不是整个Chrome(如果在安装时已经打开过),我便应在以后的说明中添加注释。谢谢。
Up209d

如果您更新扩展程序,将不胜感激,因此它可以下载经过修饰的代码。例如,如果源地图可用(参考资料中webpack://),则可以下载经过修饰的代码和模块
Chris Panayotoff

做完了!该功能现在位于我的Github Repo上,尽管我认为只需很少的Gulp编码行就可以轻松实现。
Up209d

8

只需右键单击->另存为html->类型选择(完整网页)。

在OSX上工作。


您也可以只执行命令。这将保存页面和所有文件,但是您将丢失文件夹结构。
leetheguy

7
使用浏览器的内置“另存为...”或“另存为带有源代码的html。”在1999年就可以使用,但我认为OP正在寻找可以深入客户端脚本并找到所有内容的工具。硬资源并立即全部下载。这就是up209d扩展名的功能(请参见上面的答案)。
狗狗式的
By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.