有什么办法可以保存内容

时间:2018-09-10 11:12:00

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

firefox开发人员工具或google chrome devtools中是否可以将工具(例如Elements,Console等)显示的选项卡之一的ascii内容保存到文件中?

1 个答案:

答案 0 :(得分:0)

您可以在两种浏览器中做到这一点,它们只有两种不同的实现方式:

Firefox

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

Chrome

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