Category:View Source

From MozillaZine Knowledge Base
Revision as of 22:23, 7 August 2010 by Alice Wyman (talk | contribs) (changed category from Preferences to Websites to expand its scope, based on content of last edit (see discussion also); updated links in Intro, combined last two section headers)
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)
Jump to navigationJump to search

View Source allows viewing the HTML, CSS, JavaScript, etc. code that is used to generate any given web page.

UI (User Interface)

  • View→Page Source.
  • Clicking on the link for an error or warning in the JavaScript Console.
  • Navigating to a URL of the form view-source://example.com.
  • Context-click (right click) the content area→View Page Source or This Frame→View Frame Source.

View Selection Source

When selecting parts of a page and right-clicking, the option "View Selection Source" comes up in the context menu. This will open a View Source window that will contain the code of the selection and any relevant surrounding code. This code may or may not be the same as the original source because it has passed through Mozilla's parser and may have been created or changed dynamically by JavaScript.

View Source and generated source

The default "View -> Page Source" is available as view source

javascript:location="view-source:"+location

The generated source of a page after applying styling changes is available with

javascript:(function(){%20function%20htmlEscape(s){s=s.replace(/&/g,'&');s=s.replace(/>/g,'>');s=s.replace(/</g,'<');return%20s;}%20x=window.open();%20x.document.write('<pre>'%20+%20htmlEscape('<html>\n'%20+%20document.documentElement.innerHTML%20+%20'\n</html>'));%20x.document.close();%20})();

Pages in category "View Source"

The following 4 pages are in this category, out of 4 total.