How do I view the source code of a web page?

View source codeAll Internet browsers allow users to view the source code of any of web page they visit. The following sections contain information on the multiple ways to view the source code in each of the major browsers. To proceed, choose and entry from the list below and follow the instructions for that section.

Introductory information
Microsoft Internet Explorer users
Mozilla Firefox and Netscape users
Google Chrome users
Apple Safari users
Opera user
Android phone using Chrome

Introductory information

When viewing the source code of a web page it is important that you keep in mind that information and code not processed by the server won't appear. For example, almost all Internet search engines process information on the server and then display the results on a web page. In other words, you can view the code that makes up the results page, but you cannot view the search engine's source code.

This rule applies to all server side scripts, SSI, and programming code. Therefore, features such as search engines, forums, polls, chat, etc. will not display their code. Copying the information from the source code may cause errors or direct you back to the page from which you copied the information.

Internet ExplorerMicrosoft Internet Explorer users

To view the source code of a web page in Microsoft Internet Explorer, follow the steps below.

  1. Press CTRL + U on you computer's keyboard.

or

  1. Open Internet Explorer and navigate to the webpage of your choice.
  2. Press the Alt key to bring up the browser's menu bar.
  3. Select View, and the Source from the drop-down menu that appears.

Tip: With the latest versions of Internet Explorer, pressing the F12 key brings up the DOM tool. This tool provides much more interaction with the source code and CSS settings, allowing users to see how changes in the code affect the webpage immediately.

FirefoxMozilla Firefox and Netscape users

To view the source code of a web page in Mozilla Firefox, follow the steps below.

  1. Press CTRL + U on you computer's keyboard.

or

  1. Open Mozilla Firefox and navigate to the webpage of your choice.
  2. Press the Alt key to bring up the browser's menu bar.
  3. Select Tools, Web Developer, and then Page Source.

Tip: With the latest versions of Firefox, pressing the F12 key brings up the interactive developer tool. This tool provides much more interaction with the source code and CSS settings, allowing users to see how changes in the code affect the webpage immediately.

View a section of the page's source code

  1. Highlight the portion of a web page for which you'd like to view the source code. a
  2. Right-click that highlighted section, and then click View Selection Source.

Tip: Use the Firebug add-on to not only view the source code of a page but change and view those changes live through the browser.

ChromeGoogle Chrome users

To view the source code of a web page in Google Chrome, follow the steps below.

  1. Press CTRL + U on you computer's keyboard.

or

  1. Open Chrome and navigate the webpage of your choice.
  2. Click on Customize and control Google Chrome Chrome settings icon icon in the upper right-hand side of the browser window.
  3. From the drop-down menu that appears, select More tools and then View source.

Tip: With the latest versions of Chrome, pressing the F12 key brings up the interactive developer tool. This tool provides much more interaction with the source code and CSS settings, allowing users to see how changes in the code affect the webpage immediately.

SafariApple Safari users

  1. Press Command + Option + U on your keyboard.

or

  1. Right-click a blank part of the webpage and select Show page source from the drop-down menu that appears.

or

  1. Open the Safari browser and navigate to the webpage of your choice.
  2. Select the Develop menu.
  3. Choose the Show page source option.

OperaOpera users

To view the source code of a web page in Opera, follow the steps below.

  1. Press CTRL + U on you computer's keyboard.

or

  1. Open Opera and navigate to the webpage of your choice.
  2. Click the Customize and control Opera Opera button button in the upper right-hand corner of the browser window.
  3. From the drop-down menu that appears, move your mouse cursor over Developer and then click View page source.

Android phone running Chrome

  1. Open the Google Chrome Internet browser on your phone.
  2. Open the webpage whose source code you'd like to view.
  3. Tap once in the address bar and then move your cursor to the front of the URL.
  4. Type view-source: and press Enter or Go.

Tip: For example, to view the code for our home page you would type view-source:http://www.computerhope.com