Chrome HTML Inspector：复制原始源（而不修改DOM）

Question

我正在使用HTML模板进行大量工作。 其中许多显示的内容多于一页内的一种可视化。 因此，我使用chromes html inspector从模板复制某个表/ div所需的HTML源。 我这样复制：

但是 ：我发现，从HTML检查器进行复制实际上是从DOM复制代码，这意味着我的代码副本包含由脚本进行的jquery修改，而不是某些html元素的原始来源。

有什么方法可以复制该元素及其子项目以及除源之外的所有内容，以便它不包含对javascript dom操作的任何修改！

非常感谢

---

编辑 ：我发现的唯一解决方案是通过在“设置”下的检查器中临时停用javascript的执行，然后重新加载页面，然后为特定节点复制html-source。 但这很麻烦而且不是很好...

Answer 1

尽管如果您使用Chrome的Console日志记录，则可以在加载时打印<div>的内容，并在jQuery启动DOM修改之前打印<div>的内容，这似乎是一种解决方法。

要在修改之前获取此帖子的.post-text ：

console.log( $$('.post-text')[0].innerHTML );
$(document).ready(function(){
   /** Your JavaScript **/
});

为了进一步利用Chrome，您甚至可以使用它来复制HTML ：

//Now press Ctrl + v where-ever you need to paste the contents.
console.log( 
    copy( $$('.post-text')[0].innerHTML )
);

或者是最后一条建议，该建议将暂停页面并检查Chrome中的元素，您可以在其中继续检查器的选择：

//or another div/selector.
inspect( document.body ); 
debugger;

$(document).ready(function(){
   /** Your JavaScript **/
});

Answer 2

解：

1. Ctrl + U-> Ctrl + A-> Ctrl + C->记事本++ Ctrl + V粘贴到此处。
2. 可选：使用TextFX或Tidy插件快速格式化代码，并可能更容易识别标签等。 但对于步骤3则不是必需的
3. 通过Shift + Ctrl + T在notepad ++中使用HTML标记插件来选择HTML标记，直到其结束标记（包括开始和结束标记）为止，请参阅->仅通过Ctrl + C复制选择

https://superuser.com/questions/174599/notepad-jump-between-opening-and-closing-html-tags