DEV Community

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

How to view source code of a website on mobile device

Lucretius Biah
Just a teen programmer
Originally published at Updated on ・1 min read

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.

Discussion (2)

roman__907e3dbe2d21535fda profile image

Or simply use

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

biah profile image
Lucretius Biah Author

Well, on Android, the about method works with:

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