How to Inspect Elements of Webpage on Android and iPhone

Most smartphone and PC users would usually use web browsers to access the internet. However, this is different for for web developers. For web developers they often use inspect element tool. They use it for testing and debugging their code.

Desktop browsers are more advanced and this is because of the developer tools feature. Unfortunately, this feature is not available in mobile browsers.

The developer tools is very important tool of feature as it comes with inspect element tool which could be used on viewing and editing HTML and CSS of webpages.

Inspect element tool is a necessity for developers and is needed on iPhone and Android device. Moreover, though Chrome mobile app does not have the mentioned feature, there are some ways which we could do to make this work.

What is Inspect Element Tool on Browsers?

For developers, the Inspect Element Tool is a very important tool and luckily, they are available and could be accessed on Chrome, Safari, Firefox, Internet Explorer and other desktop web browsers.

The Inspect Element tool could help you view source code of the web page and allows you to make live edits on it. You will be able to view HTML, CSS, Javascript, images, fonts and other content of the webpage. Additionally, you will also be able to view all CSS codes of the elements and edit them. This tool is very convenient and very useful in checking the code and even color the update.

To use the inspect element tool on your desktop browser, there are many ways and one way to to this is by pressing CTRL + Shift + I for windows and CMD+ OPTION + I for mac. Right click on the web page and click inspect option on the menu.

How to Inspect Elements of Webpage

View Source Code of the Web page on Mobile Chrome

• Open your Chrome app on your iPhone or your Android phone
• Go to webpage which source code you would like to view
• Add view-source before the URL of the webpage
• Press Enter or Ok

To search an element

• Open your Chrome menu
• Select Find page option. You could find this on the top right corner
• Open search box
• Enable desktop site button

How to Inspect and Edit HTML Live app

• Download and install Inspect and Edit HTML Live app on your Android phone
• Open it
• Go to the webpage you would wish to check
• Tap on the icon found at the top right corner to activate inspect mode
• Click on the element you would wish to inspect
• HTML code will be provided which you could edit and apply the changes
• Tap menu button click Edit page source option
• Edit HTML elements