Home » Google » Chrome

How to View HTML Code in Chrome

The set of tags and attributes used to specify the structure and content of a web page is known as the source code when writing in HTML. Web browsers read the source code and convert it into the graphical web page that appears on the screen. Do you want to know what constitutes a webpage and how you can alter the color or size of the font on your website? You can accomplish all of these and more by looking into a webpage’s HTML code. The good news is that it’s not as complicated as it sounds. So, let’s learn how to view HTML code in Chrome!

How to View HTML Code in Chrome

How to View HTML Code in Chrome

Now you can easily access the source code to add interactive elements like forms, pop-up windows, and drop-down menus in addition to specifying the appearance and feel of a webpage. Keep reading until the end.

  1. Open Chrome and go to any website of your choice.
  2. Click on the three dots at the top right corner.
  3. Click on More tools.
  4. Select Developer tools. Please note that you can open Developer Tools by pressing F12 or Ctrl+Shift+I on Windows or Cmd+Option+I on Mac.
  5. Click on Element from the top ribbon.
  6. Click on the cursor icon from the top left inspector panel.
  7. Hover over the website and select any content.

select any content

You will be able to see the HTML code of the content or the entire web page this way in the left window.

Can I View HTML on Mobile Chrome?

Unfortunately, the Chrome app on smartphones has limited Developer Tools features therefore, you can only do so from third-party apps.

Can I Save Changes Made to HTML in Chrome’s Developer Tools?

No, changes made in Developer Tools are only temporary. Once you edit its code and refresh the page, it will return to normal.

Also Read: How to Open MDF File in Windows 10

Now that you have seen how to view HTML code in Chrome, we hope your doubts are cleared with the methods shown in this guide. Keep visiting TechCult to know the latest tech walkarounds. If you have any queries or suggestions, do reach out to us in the comment section.

Leave a Comment

Your email address will not be published. Required fields are marked *