Is it possible to inspect element on Android? How to access inspect element and view source on the Android browser? We all know the significance of “inspect element” for a website on a browser but do you know, you can actually open developer tool for chrome(inspect element) a web page on Android devices as well? Find out how.
Inspect Element(developer Tool) on Android Browser
Inspect Element is the advance web tool often used to inspect the tool, CSS, PHP and other properties of a web page. The internet browsers like Google Chrome, Firefox, Safari has a built-in tool to access inspect element or view source options simply by right-clicking the mouse key.
But, performing inspect element or view source on Android devices is a bit tricky yet accessible. As there is no right-click or the content menu on Android web browsers, you need to use some extra trick to access inspect element on Android.
Here we shall use the popular internet browser throughout this tutorial. So, without further a due lets hit to the method to access inspect element on Android using chrome browser.
1. Inspect Element on Android Chrome Browser using Script
As it is tricky to access the inspect element or developer tool on Android Chrome browser yet you can use it by creating a bookmark using the given script:
Steps to use inspect element on Android Chrome browser
- Copy the following script:
- javascript:(function () { var script = document.createElement('script'); script.src="//cdn.jsdelivr.net/npm/eruda"; document.body.appendChild(script); script.onload = function () { eruda.init() } })();
- Open Chrome browser on Android.
- open a New Tab and Boookmark it.
- Now edit this bookmark and paste the copied script.
- Save it with the name desired, I have named it “inspectelement”.
- Now open any website for which you want to use the developer option.
- Go to search bar and type the name of bookmark you have saved with the script. (in my case it is “inspectelement”).
- You will notice a tiny gear icon at the bottom of the screen.
- Tap this gear icon and this will open the Inspect Element for any website on Android Chrome.
You can remove the bookmark to delete the inspect element tools from Chrome Android if no longer in use.
READ ALSO: WHAT IS SYSTEM WEBVIEW APP ON ANDROID?
2. Inspect Element on Android Using Edit Webpage App
Edit Webpage App is a free Android app to let you inspect any web pages. This free app is available on the play store to download for free. Here is how you use the Edit Webpage App to inspect elements on Android.
Steps to inspect element on Android with Edit Webpage App
- Download and install Edit Webpage App from the play store.
- Open the app and visit the website by entering the URL.
- Located and tap on the tiny pen icon right after the address bar.
- Now click on the element on the page you want to edit.
- Click on the edit button again to save the changes.
Download Edit Webpage App
How to Access View Source on Android Chrome Browser
Like Chrome for desktop, you can also use Chrome browser for Android. Ya! I know you all have Chrome browser installed on your Android. Now, how to access the “inspect element” on Android chrome? Well follow the steps below:
- Open Chrome Browser on Android mobile or tablet.
- visit the website/webpage you want to view source of.
- Now go to address bar and add “view-source:” before the web URL.
Example:
view-source:https://fixyourandroid.com/
This will open a page where you can inspect the css codes along with html and php scripts used to design the website.
Accessing the inspect element or view source is however not identical. In order to inspect element on Android, you need to install a third-party app. Follow the steps here:
Inspect Element on Android: Final Words
Inspect element and view sources are two major web tools every developer need to access on Android. The inspect element on Android allows you to edit the elements on the webpages and alter it.
READ MORE: