MozillaZine

Category:View Source

From MozillaZine Knowledge Base

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

Articles in category "View Source"

There are 4 articles in this category.

V