DEV Community

Cover image for How to view source code of a website on mobile device
Lucretius Biah
Lucretius Biah

Posted on • Edited on • Originally published at kudadam.com

How to view source code of a website on mobile device

Most of the times, when we visit a nice looking website, we always want to look at it's HTML source code. On desktop browsers, we simple just right-click and click on "view page source" from the context menu but there's no option like this on mobile devices. So then, how do we view the source code on a mobile device?

If we are to observe carefully, whenever we click on "view page source" on a desktop browser, it opens a new url in this format view-source:https://path/to/url.
If we apply this same trick on a mobile device, it works as expected.

Steps to view source code

  1. Visit the website which you want to view it's source code.
    A screenshot of Google's homepage

  2. Click inside the address bar and append view-source: before the url of the website.
    view source being highlighted

  3. Click the send button and the page will load with the source code of the file.
    Google's website

NB: Even though I used Chrome's mobile browser, the method is the same in all the major browsers.

Top comments (2)

Collapse
 
roman__907e3dbe2d21535fda profile image
Roman

Or simply use view-source.hellafast.digital

We method in the article doesn’t work on iOS or for Android users who don’t use Chrome. They are scarce, but there are some

Collapse
 
lubiah profile image
Lucretius Biah

Well, on Android, the about method works with:

  • Brave Browser
  • Opera Browser
  • Opera Mini Browser
  • Firefox Browser