How To View Source Google Chrome

by

While surfing the internet, you may encounter web pages containing intriguing elements that you wish to delve deeper into. A great method to achieve this is by accessing the page’s source code. This article will provide a step-by-step tutorial on how to view source code in Google Chrome.

Right-Click Method

This is the most straightforward way to view the source code of a webpage. Here’s how you do it:

  1. Navigate to the webpage you’re interested in.
  2. Right-click anywhere on the page. This will open a context menu.
  3. From the context menu, select View Page Source.

Immediately, a new tab will open in Chrome displaying the source code of the page.

Keyboard Shortcut Method

Another simple way to view a page’s source code is using a keyboard shortcut. Here’s how:

  1. Open the webpage you want to view the source code for.
  2. Press the Ctrl key (or Cmd on a Mac) and the U key at the same time.

Just like the right-click method, a new tab will open displaying the page’s source code.

Using the Chrome Menu

You can also view a page’s source code through the Chrome menu. Here’s how:

  1. Click on the three vertical dots in the top-right corner of the Chrome browser.
  2. Hover over More Tools.
  3. From the side menu that appears, select Developer Tools.
    <p>In the developer tools window, click on the 
      <strong>Elements</strong> tab if it isn&#8217;t selected by default.</p>
    <p>This will display the source code of the webpage on the right side of your browser window.</p>

There you have it! Whether you’re a curious user, a budding developer, or a seasoned programmer, knowing how to view a page’s source code is a valuable skill. And as you can see, Google Chrome makes it easy. Happy coding!