在 Chrome 開發者工具中禁用對 HTML 實體的解碼

Question

我正在使用 Chrome 開發人員工具並尋找一種默認顯示 HTML 實體的方法。

我看到的視圖是這樣的：

然而，我需要的觀點是：

有人知道我如何啟用我需要的視圖嗎？

我知道有一個適用於 Chrome 的主題引擎，但是否有適合我需要的現有功能？

多謝你們;）

Answer 1

我有同樣的問題，發現使用 chrome，右鍵單擊 > 查看源代碼，顯示純未解碼（未評估）的 html 實體，而右鍵單擊 > 檢查選項似乎評估它們......可能對某人有所幫助:)

Answer 2

您不能：DOM Inspector 顯示 DOM 的視圖，而不是源代碼。

HTML 已經被解析並且實體被轉換為文本節點中的字符。

Inspector 顯示類似 HTML 的視圖，因為它易於理解。 它不反映原始源代碼。

如果您想查看源代碼，瀏覽器具有明確的“查看源代碼”功能。

Answer 3

在 Google Chrome 中，查看當前加載文檔的實際來源的正確方法是單擊來源選項卡並從左側的樹中選擇文件。 如果您要搜索的行中有一個唯一的字符串，您可以按Ctrl-Shift-F在所有文件中搜索該字符串。

• RightClick -> View Source不正確，因為它會重新加載文檔，這可能會導致 意外行為。
• Inspect Element不正確，因為它顯示當前 DOM，而不是 HTML 源。