CODEWITHSUNDEEP
htmlgoogle-chromedecodeentitiesdeveloper-tools
Sebastian Haas
Sebastian Haas

Reputation: 271

Disable decoding of HTML entities in Chrome developer tools

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

The view I see is this:

enter image description here

Whereas, the view I need is this:

enter image description here

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 ;)

Upvotes: 17

Views: 3960

Answers (3)

dotancohen
dotancohen

Reputation: 31511

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.

Upvotes: 1

Quentin
Quentin

Reputation: 944170

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.

Upvotes: 0

Peter Church
Peter Church

Reputation: 27

I had this same question and discovered that with chrome, right-click > View Source code, shows the pure un-decoded(un-evaluated) html entities while the right-click > inspect option seems to evaluate them... may help someone:)

Upvotes: 1

Related Questions