Chrome HTML Inspector：复制原始来源（而非修改后的DOM）

Question

我使用HTML模板工作了很多。其中许多只显示一页内的一个可视化。因此，我使用chromes html检查器从模板中复制某个表/ div所需的HTML源代码。我像这样复制：

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

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

非常感谢

---

编辑：我找到的唯一解决方案是在＆＃34;设置＆＃34;下的检查器中临时停用javascript的执行，然后重新加载页面然后复制html-source for某个节点。但它很麻烦而且不太好......

Answer 1

可能看起来有点变通方法，但如果您使用Chrome的控制台日志记录，则可以在加载时打印<div>的内容。在jQuery开始之前它的DOM修改。

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

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

要使用此功能从Chrome中获取更多信息，您甚至可以将其用于Copy the 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 - ＆gt; Ctrl + A - ＆gt; Ctrl + C - ＆gt; Notepad ++ Ctrl + V将其粘贴到那里。
2. 可选：使用TextFX或Tidy插件快速格式化代码，并可以更轻松地识别标签等。但对于第3步没有必要：
3. 使用记事本++中的HTML标签插件，通过Shift + Ctrl + T选择HTML标签，直到其结束标签（包括打开和关闭标签），请参阅 - ＆gt;只需通过Ctrl + C
复制选择

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