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