google-chrome-devtools - 有什么办法可以保存内容

Question

在 Firefox 开发者工具或 google chrome devtools 中是否有一种方法可以将工具(例如我们的 Elements、Console 等)显示的选项卡之一的 ascii 内容保存到文件中？

Answer 1

您可以在两种浏览器中执行此操作，只是有两种不同的方法来实现此目的:

火狐浏览器

1. 打开开发工具。
2. 切换到“设置”面板。
3. 在高级设置下，选中启用浏览器镶边和附加调试工具箱和启用远程调试选项。
4. 打开浏览器工具箱(通过 Ctrl+Shift+Alt+I 或 Firefox 菜单 > Web 开发人员> 浏览器工具箱)。
5. 在浏览器工具箱中启用元素选择器。
6. 在 DevTools 中单击您要复制的元素。
7. a) 要复制 HTML 结构，请右键单击该元素并选择复制> 外部 HTML。
   b) 要复制文本内容，请切换到控制台面板并执行 copy($0.textContent)。

Chrome

1. 打开开发工具。
2. 将它们分离到单独的窗口中。
3. 聚焦窗口。
4. 按 Ctrl+Shift+I 打开第二个 DevTools 窗口。
5. 在第二个 DevTools 窗口中启用元素选择器。
6. 在 DevTools 中单击您要复制的元素。
7. a) 要复制 HTML 结构，请右键单击该元素并选择复制> 复制元素。
   b) 要复制文本内容，请切换到控制台面板并执行 copy($0.textContent)。