How to see HTML code of website in mobile

Whether you’ve just started into web development or learning and exploring how things work behind the scenes, it helps a lot to view the HTML source code behind a certain website. Well, you can easily do that right from your Android or iOS device.

So, in this tutorial, I will tell you how to view the HTML source code of a web page on both iOS and Android platforms. But first, let’s find out what the source code is.

Best Websites to Test Your Codes Online

How to view website source codes on iPhone and iPad

If you want to view the source code of a web page on your iPhone or iPad, you’ll need a website source code viewer tool. There are many apps that make this procedure simple, with syntax highlighting to help you comprehend what you’re looking for.

HTML Viewer Q is one of the best tools to view website source code on iPhone that you can install for free from the App Store. Let’s use this tool to see the source code of the Amazon website.

Step 1. Launch HTML Viewer Q

Launch HTML Viewer Q from your Home screen and tap on the Link button at the top right of the app.

Step 2. Enter the website’s URL

Enter the full URL of a web page that you want to see the source code of and then tap the Go button.

Step 3. View the source code

Once the page loads, tap on the Code (</>) button at the top left of the app and you will see the source code of the website with syntax highlighted in different colors.

How to view website source codes on Android

If you want to check a web page’s source code on Android, HTML Source Code Viewer Website would be a good choice. It does an excellent job of highlighting HTML syntax and displaying line numbers.

You may also simply highlight code and copy/paste it into another application with this tool. You can also save the code, search for keywords, change the background colors, and a lot more through this app.

Here’s how to use it to view the source code of any website.

Step 1. Launch the app

Launch the HTML Source Code Viewer app from your Home screen and enter the URL of the website that you want to view the source code of (for this guide, we’re using Amazon).

Step 2. View the source code

Click the Source Code button. It will show an HTML file with all the source code of the website.

View source codes on Android and iPhone without an app

While there is a way to view the HTML source of a website on Android or iPhone through the app, you can also view it without it by using the View Page Source website. This tool allows you to view the formatted version of the source code of any website right in the browser.

Step 1. Copy/paste the URL

Open the View Page Source website, copy the URL of the website that you want to view the source code of and paste it into the search box on the website.

Step 2. View the source code

Now, click the View Source Code button and the source code of the website will be displayed to you.

Wrapping Up

Whenever you have a need to view the source code of any website, you can simply use the aforementioned tools to view it either on a mobile device or on your PC through the browser. From these tools you can also simply copy and paste the source code into other files or or apps.

Hope this article was helpful for you. Thanks for reading!

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

Visit the website which you want to view it's source code.
Click inside the address bar and append view-source: before the url of the website.
Click the send button and the page will load with the source code of the file.

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