ViewSource.net Guides
Learn how to inspect, debug, and understand any web page — whether you're on desktop, mobile, or tablet. Our quick guides cover everything from viewing a site's HTML source and troubleshooting loading issues, to formatting messy code and uncovering how modern web pages are built. Explore the tutorials below to become more confident viewing, analysing, and learning from website source code.
How to View Source in Google Chrome
Four ways to view the HTML source of any page in Google Chrome — keyboard shortcut, right-click, the view-source: prefix, and Chrome on Android where right-click isn't available.
How to View Source in Microsoft Edge
View the HTML source of any page in Microsoft Edge using Ctrl+U, the right-click menu, or the view-source: prefix, plus how to read source on Edge for Android.
How to View Source in Firefox
View the HTML source of any page in Mozilla Firefox using Ctrl+U, right-click, or the view-source: prefix — plus how to view source in Firefox on Android.
How to View Source in Safari
View the HTML source of any page in Safari. Enable the Develop menu on Mac, use the Cmd+Option+U shortcut, and see how to view source on iPhone and iPad where Safari has no built-in option.
View Source vs Inspect Element: What's the Difference?
View Source shows the original HTML the server sent; Inspect Element shows the live DOM after JavaScript runs. Learn when to use each and why they often look completely different.
Why Websites Look Different on Mobile and Desktop
Discover why websites change layout between mobile and desktop. Learn about responsive design, CSS media queries, and how to inspect both versions.
How to Reuse Parts of a Webpage Legally and Safely
Learn what you can copy from websites, which licenses permit reuse, and safer alternatives. Practical tips, attribution templates, and a risk checklist.
How to View Hidden Elements and Scripts on Any Website
Learn how to reveal hidden HTML elements, scripts, and dynamic code on any web page using browser dev tools or ViewSource.net.
How to Copy, Download, and Save a Website's Source Code
Want to save a web page's HTML? Copy, download, or export it directly from your browser with ViewSource.net.
Understanding HTTP Headers When Viewing Source
Learn how Content-Type, CSP, cache, and robots headers change what you see when viewing a site's HTML source.
Pretty-Printing and Minifying HTML, CSS, and JS Online
Format messy source code instantly. Toggle between raw and pretty-printed HTML, CSS, and JavaScript, then copy or download.
View Page Source on iPhone or Android (The Easy Way)
Learn how to view any website's HTML source on your phone or tablet. No apps or extensions required — just paste a link. Works in Safari, Chrome, and every mobile browser.
Why Some Pages Won't Load in ViewSource.net
If a page's source won't load, it's often blocked by CSP, robots.txt, or client-side rendering. Here's what that means and what to try.