嘿，我来一步步教你怎么操作，其实超简单的：

• 先打开Chrome DevTools：你可以直接按键盘上的F12，或者右键页面空白处选择「检查」，也能用快捷键Ctrl+Shift+I（Windows/Linux）、Cmd+Opt+I（Mac）快速调出工具。
• 切换到Sources面板：就是你截图里显示的那个面板，这里能看到网站所有的源文件结构。
• 找到目标文件/目录：在左侧的文件树里，展开对应网站的域名文件夹，就能看到HTML、CSS、JS、图片等所有源文件了。
• 下载单个文件：右键你需要保存的文件，选择「Save as...」，然后在弹出的窗口里选好本地保存路径就搞定了。
• 下载整个网站资源：如果想把整个网站的源文件都保存下来，直接右键域名文件夹，选择「Save all to...」，指定本地保存目录后，DevTools会自动帮你把完整的目录结构和所有文件都下载到本地。

这就是操作时的界面，和你提供的截图一致：

内容的提问来源于stack exchange，提问作者Happy