【问题标题】:Is there any way for saving the content有什么办法可以保存内容
【发布时间】:2019-02-14 19:35:20
【问题描述】:

在 Firefox 开发者工具或 google chrome devtools 中是否有办法将工具显示的选项卡之一的 ascii 内容保存到文件中,例如 Elements、Console 等?

【问题讨论】:

  • 在 Chrome 中,您可以打开 devtools-on-devtools:将主 devtools 面板分离到一个浮动窗口中,将其聚焦,按热键调用 devtools(在 Windows 中为 Ctrl-Shift-i)。第二个 devtools 可以检查第一个(主),您可以使用元素选择器选择面板,然后在控制台中运行 copy($0.textContent)

标签: google-chrome-devtools firefox-developer-tools


【解决方案1】:

您可以在两种浏览器中执行此操作,它们只有两种不同的方式来实现:

火狐

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

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

【讨论】:

    猜你喜欢
    • 2015-02-25
    • 2016-03-10
    • 2014-05-22
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2023-04-05
    • 2016-04-13
    • 2016-02-21
    相关资源
    最近更新 更多