Firefox HTML检查器：如何复制单个HTML标签？

Question

我有一个网站，需要将表格传输到另一个网站。 但是，我只需要某些标签，而不需要整个表格和div的整个表单块。

在检查器中选择html-tag时，我可以复制内部HTML，外部HTML或CSS样式，但是如何才能复制我选择的非常精确的标记而没有子节点，而仅复制HTML代码中的所选行？

我之所以这样问，是因为HTML已缩小 ，我不能只选择并复制源代码中的标记。 选择“复制外部HTML”时，同样如此，整个HTML子树都缩小了，意味着所有内容都在一行中。

如何快速搜索和复制三个标签中的某些标签，而又不获取分支中的所有内容？

编辑：人们，谢谢您的所有建议，但请注意，我写的是关于此处的MINIFIED HTML页面。

Answer 1

只需在Inspector附近打开Debugger

然后找到页面文件...然后根据需要复制任意选择范围

UPDATE如果缩小请点击这里

Answer 2

如果我了解您想要的内容，请尝试此

Answer 3

由于您的问题似乎尚未解决，因此让我想出一种创造性的方法，不时地用于类似的任务：

（1）创造性的解决方案：页面操纵

如果您在该页面上没有选择的javascript框架（例如jQuery），请使用浏览器扩展来添加它，并在页面加载时添加它。

然后，编写一些javascript代码，以循环方式删除所需父对象的不需要的子元素。 这听起来很麻烦，但是由于您提出了这个问题，所以我假设您需要数十个（即使不是数百个）元素，因此花时间编写这样的循环可能是值得的。

当您注入的代码处理了页面并删除了所有不需要的内容后，您就可以像其他人在这里提到的那样复制代码。

---

（2）替代解决方案：先美化代码

如果给定的解决方案不适合您，则可以尝试通过将源代码复制到自动添加html / js代码的网页来美化代码。 然后，您可以选择将其保存到html文件中，然后再次处理，就像前面提到的那样。

---

边注

如果这个想法太费力，或者您经常需要这个想法，那么您可能是错误的做法。 在前端上工作时（仅限），您总是受限于所拥有的东西。 如果您可以从后端访问，则可以根据需要使用数据/信息进行构建。 如果您可以提供更多有关为什么需要此信息以及正在谈论的代码数量的信息，那么可能会提出一种更可持续的解决方案！