是否有一個瀏覽器顯示javascript修改後的HTML文本

Question

我使用jQuery在網頁上動態創建一些內容。我正在使用Firefox進行測試。通過使用檢查器調試工具，我可以查看已修改的html（即，在$(document).ready函數完成後顯示的html），但此工具將信息顯示爲樹，因此我無法將其剪切並粘貼爲文本。使用「查看頁面源」選項顯示html，但它顯示原始的html，而不是最終修改的html。是否有瀏覽器（或瀏覽器工具）將文本修改爲html？

Answer 1

在Firefox（或任何其他現代瀏覽器）中，在您提到的活動DOM樹視圖（「元素」）中，可以右鍵單擊元素並將它們（作爲文本）複製到剪貼板。

在適用於Windows的Firefox上，右鍵單擊然後選擇複製內部HTML或複製外部HTML。 （奇怪的是，在Firefox for Linux中，它是右鍵單擊，複製，然後是內置HTML和外部HTML的子菜單。）（在其他瀏覽器上也是如此）。

如果您想在一個文本編輯器並將它們粘貼到實時頁面中，也有粘貼選項;或者有一個編輯選項可以在Elements面板中完成（儘管這隻對非常小的編輯有用）。