How to View a Website's Source Code in Chrome on Android?

Google has a unique way of accessing the source code of websites on the mobile version of Chrome these days.

~~~~~
Hi! Don't forget to like the video, subscribe to the channel, and hit the "Thanks" button on this video, if you can, and join our channel community here - https://www.youtube.com/channe....l/UCnowc_KHgjVNj3Y-E


Video Description
~~~~~~
To access the source code of a website in Chrome, you need to perform a right click action if you're using the desktop version.
But what about the mobile application?

#android #androidtips #chrome

This process is a bit different but today I can show you exactly how it's done.
And I think you will be surprised at just how easy it can be.



Source Code in Mobile Chrome
You likely already know that there is not any view source option when you long-press on a website in Chrome on Android.
But we can still access this by tapping into the address bar for the application.

And then we're going to bring the cursor to the start of the URL so that we can manually edit it.
Once you are ready, we want to type out

view-source:

view-source: should be in front of the URL that you're viewing.

So it will look something like view-source:https://PlayStoreSales.com/ blah blah

The trick here, is that you do not want to tap the enter button when you're done editing this.
Instead, look for the auto complete option. And then select the second one in this list.


See, if you tap the enter button on the keyboard, then Chrome for Android will just perform a web search for whatever is in this address bar.
This way, we're actually selecting the source code version of the webpage from the auto complete drop-down option.

You can see the source code will appear here. . .and you'll be able to browse through the HTML and CSS and JavaScript and PHP and any other code that's embedded in this web page.


conclusion
It's easy to assume there aren't going to be many people who need to learn how this is done on Android.
Accessing the source code of a website is not something most of you will ever need to do.

But for those of us who like to get a peak at the codebase. . .or just need to reference the code that makes up the website.
I appreciate that Google has at least included this feature in the Android version of Chrome.
Instead of removing it like they have removed other useful features from the desktop version of the application.


Now, if you ran into any issues following this guide. . .or maybe you just have a question about Android in general.
Then feel free to use the comments section below.

I would just like to ask that everyone give this video a like, and subscribe to the channel as well for more Android tips like this.


Step by Step Tutorial
~~~~~
1. Intro [00:00]
2. How to View the Source Code of a Website in Chrome on Android Mobile Browser? [00:23]
3. Conclusion [02:14]

As an Amazon associate, I may earn a commission on sales from the links below.

The Gear I Use
~~~~~
5W "Slow" Charger - https://amzn.to/2OaUMV8
Fast Charger - https://amzn.to/3rtBsC6
MicroUSB Cable - https://amzn.to/38dkpeM
USB-C Cable - https://amzn.to/2OqlTvi
TPU Cases - https://amzn.to/38g9b9w
USB-C to 3.5mm Dongle - https://amzn.to/3rVt7c3
USB-C to 3.5mm DAC - https://amzn.to/3CyksSJ
NVIDIA Shield TV - https://amzn.to/4cZFaJz
Telescopic Controller - https://amzn.to/3uDrvY9