Get Source Code of Webpage


Enter a URL



About Get Source Code of Webpage

Source code is that the language or string of words, numbers, letters, and symbols that a programmer uses. An example of ASCII text file is someone using HTML code to make a screen. Code written by a programmer during an application-oriented language and readable by people but not computers.

SEO Comrade may be a software development tool to assist you to get your job done faster. Technically speaking it's a template-driven ASCII text file Generator that automates the creation of common application ASCII text files for any language.

Other Ways To See Source Code Of Page

Google Chrome

To view the source code of a web page in Google Chrome, use any of the following methods.

View source code only

Method one

To view only the source code, press Ctrl+U on your computer's keyboard.

Method two

Right-click a blank part of the web page and select View page source from the pop-up menu that appears.

View page source with elements

  1. Open Chrome and navigate the web page whose source code you'd like to view.
  2. Click the Customize and control Google Chrome  icon in the upper-right corner of the browser window.
  3. From the drop-down menu that appears, select More tools, then select Developer tools.
  4. Click the Elements tab in the top-left corner of the new section that appears at the bottom of the screen.

Tip

In Chrome, pressing F12 or Ctrl+Shift+I also 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 web page immediately.

Mozilla Firefox

To view the source code of a web page in Mozilla Firefox, use any of the following methods.

View source code only

Method one

To view only the source code, press Ctrl+U on your computer's keyboard.

Method two

Right-click a blank part of the web page and select View Page Source from the pop-up menu that appears.

View page source with elements

  1. Open Firefox and navigate the web page whose source code you'd like to view.
  2. Click the Menu  icon in the top-right corner of the screen.
  3. Select Web Developer in the drop-down menu, then select Toggle Tools from the expanded menu.
  4. Click the Inspector tab in the top-left corner of the section that appears at the bottom of the screen.

Tip

In Firefox, pressing F12 or Ctrl+Shift+I also brings up the interactive developer tool. This tool provides interaction with the source code and CSS settings, allowing users to see how changes in the code affect the web page in real time.

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.
  2. Right-click that highlighted section and select View Selection Source.

Microsoft Edge

To view the source code of a web page in Microsoft Edge, use any of the following methods.

View source code only

Method one

To view only the source code, press Ctrl+U on your computer's keyboard.

Method two

Right-click a blank part of the web page and select View page source from the pop-up menu that appears.

View page source with elements

  1. Open Microsoft Edge and navigate the web page whose source code you'd like to view.
  2. Click the Settings and more  icon in the upper-right corner of the screen.
  3. Move your mouse over More tools in the drop-down menu, and select Developer tools from the expanded menu.
  4. Click the Elements tab at the top of the window that appears on the right side of the screen.

Tip

In Microsoft Edge, pressing F12 or Ctrl+Shift+I also brings up the interactive developer tool. This tool provides interaction with the source code and CSS settings, allowing users to see how changes in the code affect the web page in real time.

Safari

In Safari, viewing a webpage's source code requires you to enable the developer options. The following sections show you how to turn on this feature, and then how to view the source code of a web page.

Accessing developer options in Safari

  1. Open the Safari browser.
  2. Select Safari from the menu bar at the top-left corner of the screen.
  3. In the drop-down menu that appears, select Preferences.
  4. Click the Advanced tab, and check the box next to Show Develop menu in menu bar.
  5. You should now see the Develop selector in the Apple menu bar at the top of the screen.

Viewing the source code

Note

You must have the developer options enabled for the following steps to work.

Method 1

  1. Open Safari and navigate the web page whose source code you'd like to view.
  2. In the Apple menu bar at the top of the screen, click the Develop selector and choose Show Page Source from the drop-down menu.
  3. In the center of the screen, click the Elements tab at the top of the developer tools section.

Method 2

Right-click a blank part of the web page and select Show Page Source from the pop-up menu that appears.

Tip

Once the developer options are enabled, you can also press Command+option+U to view the source code of a page.