How to View Source on Chrome

This wikiHow teaches you how to view a website's HTML source code using Google Chrome for Windows or macOS.

Steps

  1. Image titled View Source on Chrome Step 1
    1
    Open Google Chrome on your computer. You'll find it in the All Apps area of the Start menu (Windows) or in the Applications folder (macOS).
  2. Image titled View Source on Chrome Step 2
    2
    Navigate to a website.
    Advertisement
  3. Image titled View Source on Chrome Step 3
    3
    Click ⁝. It's at the top-right corner of Chrome. A menu will expand.
  4. Image titled View Source on Chrome Step 4
    4
    Click More tools. Another menu will expand.
  5. Image titled View Source on Chrome Step 5
    5
    Click Developer tools. A panel will open on the right side of the website.
  6. Image titled View Source on Chrome Step 6
    6
    Click Sources. It's the third link at the top of the right panel. You can now peruse the source code of the website.
    Advertisement

You Might Also Like

Create a Simple Web Page with HTML
How to
Create a Simple Web Page with HTML
Insert Spaces in HTML
How to
Insert Spaces in HTML
Create an Email Link in HTML
How to
Create an Email Link in HTML
Change the Button Color in HTML
How to
Change the Button Color in HTML
Set a Background Image in HTML
How to
Set a Background Image in HTML
Insert Images with HTML
How to
Insert Images with HTML
Add a Link to a Picture
How to
Add a Link to a Picture
Get the Hex Code of a Color on Your Computer Screen
How to
Get the Hex Code of a Color on Your Computer Screen
Run a HTML File
How to
Run a HTML File
Set Background Color in HTML
How to
Set Background Color in HTML
Create a Calculator Using HTML
How to
Create a Calculator Using HTML
Edit HTML Files
How to
Edit HTML Files
Add a Hyperlink with HTML
How to
Add a Hyperlink with HTML
Change Text Color in HTML
How to
Change Text Color in HTML
Advertisement

About This Article

Nicole Levine, MFA
Written by:
Nicole Levine, MFA
Tech Specialist
This article was written by Nicole Levine, MFA. Nicole Levine is a Technology Writer and Editor for wikiHow. She has more than 20 years of experience creating technical documentation and leading support teams at major web hosting and software companies. Nicole also holds an MFA in Creative Writing from Portland State University and teaches composition, fiction-writing, and zine-making at various institutions. This article has been viewed 2,884 times.
How helpful is this?
Co-authors: 2
Updated: September 6, 2019
Views: 2,884
Categories: HTML
Article SummaryX

1. Open Chrome.
2. Go to a website.
3. Click ⁝.
4. Click More tools.
5. Click Developer tools.
6. Click Sources.

Did this summary help you?
Advertisement