在 Chrome 开发者工具中禁用对 HTML 实体的解码

Question

I am working in Chrome developer tools and looking for a way to show HTML entities by default.

The view I see is this:

Whereas, the view I need is this:

Does anybody know how I can enable the view I need?

I know there is a theme engine for Chrome but is there an existing feature that fits my needs?

Thanks guys;)

Answer 1

我有同样的问题，发现使用 chrome，右键单击 > 查看源代码，显示纯未解码（未评估）的 html 实体，而右键单击 > 检查选项似乎评估它们......可能对某人有所帮助:)

Answer 2

You can't: The DOM Inspector shows a view of the DOM, not the source code.

The HTML has already been parsed and the entities converted to characters in text nodes.

The Inspector shows an HTML-like view because it is easy to understand. It doesn't reflect the original source code.

Browsers have an explicit "View Source" feature if you want to see the source code.

Answer 3

In Google Chrome the correct way to see the actual source of the document that is currently loaded is to click the Sources tab and choose the file from the tree on the left. If you have a unique string on the line that you're searching for, you can press Ctrl-Shift-F to search all files for that string.

• RightClick -> View Source is incorrect because it reloads the document, which may cause unexpected behaviour .
• Inspect Element is incorrect because it displays the current DOM, not the HTML source.