Google chrome devtools 有没有办法保存内容

firefox开发者工具或google chrome开发者工具中是否有办法将工具显示的某个选项卡的ascii内容保存到文件中，如us元素、控制台等

在两种浏览器中都可以做到这一点，它们只是有两种不同的实现方法：

火狐

打开DevTools

切换到设置面板

在“高级设置”下，选中“启用浏览器chrome和附加调试”工具箱以及“启用远程调试”选项

打开浏览器工具箱（通过Ctrl+Shift+Alt+I或Firefox菜单>Web开发人员>浏览器工具箱）

在浏览器工具箱中，启用元素选择器

单击DevTools中要复制的元素

a） 要复制HTML结构，请右键单击元素并选择“复制>外部HTML”。
b） 要复制文本内容，请切换到控制台面板并执行

copy（$0.textContent）

铬

打开DevTools

将它们分离到单独的窗口中

聚焦窗口

按Ctrl+Shift+I打开第二个DevTools窗口

在第二个DevTools窗口中，启用元素选择器

单击DevTools中要复制的元素

a） 要复制HTML结构，请右键单击元素并选择“复制>复制元素”。
b） 要复制文本内容，请切换到控制台面板并执行

copy（$0.textContent）

---

在Chrome中，您可以在devtools上打开devtools：将主devtools面板分离到一个浮动窗口中，聚焦它，按热键调用devtools（Windows中的Ctrl-Shift-i）。第二个devtools可以检查第一个（主）devtools，您可以使用元素选择器选择面板，然后在控制台中运行

copy（$0.textContent）

。