如何从Google Chrome的开发者工具的"来源"标签中保存整个文件夹?

Lok*_*kar 57 google-chrome google-chrome-devtools

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

Up2*_*09d 95

直接使用Chrome是不可能的,因此我制作了一个批处理扩展程序,以自动将资源提取到Downloads文件夹.你可以尝试一下.

保存所有资源扩展 | Github上

  • 有史以来最好的扩展之一!当您需要时,它就像核武器。 (4认同)
  • 通常,我认为它只需要重新启动检查器,而不是整个Chrome(如果在安装时已将其打开),则稍后我应该在说明中添加一条注释。谢谢。 (3认同)
  • 男人!感谢您,我已经从 Chrome 导出了丢失的 TypeScript 代码。 (3认同)
  • 找到了,不得不重启chrome/ (2认同)
  • 这个扩展是黄金! (2认同)

小智 15

你可以看看我的 CLI 工具 webdumper: https: //github.com/EllyMandliel/WebDumper

安装及使用:

npm i -g @yokra/webdumper
webdumper -u https://website.com/ -o /path/to/output/folder
Run Code Online (Sandbox Code Playgroud)


Ada*_*ley 12

目前不可能.

"目前不支持保存整个文件夹."

https://github.com/GoogleChrome/devtools-docs/issues/30#issuecomment-76999063

  • 你有没有找到任何解决方法?请分享。 (4认同)

小智 8

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

适用于OSX.

  • 使用浏览器内置的“将页面另存为...”或“另存为带源的 html..”可能在 1999 年有效,但我认为 OP 正在寻找能够深入挖掘客户端脚本并找到所有内容的东西硬资源并一次全部下载。这正是 up209d 扩展的作用(参见上面的答案)。 (15认同)