View Source

View Source lets you look at the HTML or XML source for the page you're viewing. To activate View Source:

context-click in the page and select "View Page Source"

press Ctrl+U, or Cmd+U on OS X

A new window opens with the source for the page. From Firefox 42 onwards, View Source will open in a new tab (instead of a new window) by default. If you prefer the old window mode instead, you can go to about:config and set the preference view_source.tab to false.

View Source features

View Source has three additional features, which from Firefox 40 onwards can be accessed from the context menu in the View Source tab:

To access Go to Line from the keyboard, press Control+Option+L on a Mac, or Alt+Shift+L on Windows or Linux.

View Selection Source

If you select part of a web page and conext-click, you'll see a context menu item labeled "View Selection Source", that behaves just like "View Page Source", except you only see the source for the selection.

View MathML Source

If you context-click while the mouse is over some MathML, you'll see a context menu item labeled "View MathML Source": click it to see the MathML source.

Limitations of View Source

There are limitations to what View Source does for you that you need to be aware of.

Error reporter ≠ validator

View Source only reports parsing errors, not HTML validity errors. For example, putting a <div> element as a child of a <ul> element isn't a parse error, but it is not valid HTML. Therefore, this error will not be flagged in View Source. If you want to check that HTML is valid, you should use an HTML validator, such as the one offered by W3C.

Not all parse errors are reported

Even though all the reported errors are parse errors according to the HTML specification, not all parse errors are reported by View Source. Among the errors that don't get reported:

Bytes that are illegal according to the document's encoding aren't marked as errors.

XML syntax highlighting

View Source uses the HTML tokenizer when highlighting XML source. While the tokenizer has support for processing instructions when highlighting XML source, that's the only XML-specific capability provided. Because of this, doctypes that have an internal subset are not highlighted correctly, and entity references to custom entities are also not highlighted correctly.

This mishighlighting can be seen by viewing the source of Firefox chrome files (such as XUL documents). However, this shouldn't be a problem in practice when viewing typical XML files.

Learn the best of web development

Get the latest and greatest from MDN delivered straight to your inbox.

E-mail

I'm okay with Mozilla handling my info as explained in this Privacy Policy.

Thanks! Please check your inbox to confirm your subscription.

If you haven’t previously confirmed a subscription to a Mozilla-related newsletter you may have to do so. Please check your inbox or your spam filter for an email from us.

Why does MDN look different?

MDN is changing to focus just on documenting web technologies. All the same great content is still here; we’re just changing some visual elements and navigation, to help you more quickly find the web technology docs you’re looking for.

But don’t worry, MDN and Mozilla are still together! In fact, we're updating MDN’s look to reflect Mozilla's new logo and colors.