How To View the HTML and CSS Source in Google Chrome

How To View the HTML and CSS Source in Google Chrome

 

View Source Using View Page Source

Fire up Chrome and jump to the webpage you want to view the HTML source code. Right-click the page and click on “View Page Source,” or press Ctrl + U, to see the page’s source in a new tab.

 

How can I see the CSS code in Chrome?
On Chrome’s Developer Tools tab (CTRL + SHIFT + I), go to Resources (you may have to enable Resource tracking on that page), and click on the sub-tab Stylesheets. That will show all css files loaded by that page.

 

How do I view HTML source?
To view only the source code, press Ctrl + U on your computer’s keyboard. Right-click a blank part of the web page and select View source from the pop-up menu that appears.

Leave a Comment