How To Open HTML Source Code In Google Chrome?

570 Views
0 rating based on 0 reviews

Did you know that it is possible to view the source code of a website on Google Chrome? It is indeed! The source code gives an in-depth look on how a website was developed and build. This is great for testing purposes or just to get a better idea on how websites are built.

https://fixergeek.com/fixes/how-to-open-html-source-code-in-google-chrome

What is source code? In any webpage, you see they are made of lines and lines of code written. There is code for webpage type, text, images, or for formatting the page. These codes can be hundreds or thousands of lines and sometimes it is difficult to search for any specific lines or codes or necessary changes that are needed to be made quickly. If you want to search for the HTML source code in Google you need the Chrome browser and from there you can find any source code easily with details. Finding the source code can help you with checking your own web pages and helps you to modify them.

In this article, you can find how to easily search for HTML source code in the Google Chrome browser. Two easy methods will be discussed which you can follow in seconds.

Before You Get Started

You need to ensure a few things before you start the tutorial. So please follow the instruction below for removing any interruption in this process:-

  1. You need to download and install the Google Chrome browser if you hadn’t. You can download it from here https://www.google.com/chrome.
  2. It’s better to have some web coding basics for understanding the source code and how each line means.

Method 1: HTML source code in Google with view page source option

Follow the below steps for finding HTML source code from google chrome with the View page source option:-

  1. First start Google Chrome and open the page you want to see the source code. You can type the webpage name in the search bar or directly search from the Google search bar from the browser. For this tutorial, I’ll search for the IMDB page and try to find its source code.
    the IMDB page from the google
  2. You can position the mouse pointer over any empty space of the opened webpage now. For example from the opened IMDB page, I’m clicking the right mouse button over an empty space, and from the menus select the View page source option.
    the View page source option
  3. Or you can type Ctrl+U keyboard shortcut to also access the View page source option too.
  4. No matter how you access the View page source option via mouse or keyboard a new tab will now open with the current page source code. Here you find the HTML source code for the page.
    tab with page source code

Method 2: HTML source code in Google with elements

Follow the below steps to view HTML source code in chrome with more details and more features that can be done from the elements option:-

  1. Press the shortcut Ctrl+Shift+I from your keyboard to access the Elements tab from the developer tools.
    accessing the developer tools from chrome
  2. You can view your source code for the page for example from IMDB here we can see the source code with more details separately. And it gives a more detailed code breakdown than the method 1 system.

So that’s how easily following any of these methods you can find HTML source code from Google Chrome.