How to Inspect Element in Chrome

Hello guy's in this blog i will show about how to

inspect element on android phone.

What is Inspect Element?

￫Inspect Element where you can see all the HTML and CSS code of the particular site and you can also edit the code for temporary.
Once you close or reload the page, your changes will be gone; you'll only see the changes on your computer and aren't actually editing the real website itself.
There are two methods for Inspect element on android phones.
First method:

1. Open any Browser from your Device.
2. Search any website eg. Wikipedia.
3. Now tap on the Website URL.
4. Now write view-source: before Website URL eg. view-source:htttp://wikipedia.org.
5. Now you able to see the whole HTML and CSS of the site.

One thing is important that you can't edit the code in first method.

Second method:

1. Open the Play-Store and search the inspect element Edit HTML and CSS Application and download it.
2. Once you download open it,open the application.
3. There you can see the Inspector tool on the Top.
4. Just click on it.
5. Now click any of the Element on the website like here I click on the Google search bar.
6. Now you can see the all the code of that particular Element.

   Here is the video of the First method.

Here you can also see the full code of the site (it is temporary changes on the website after reload changes are not saw.)

1. First search any site eg.facebook.com.
2. Now click the 3dots on the right top.
3. Here you can see the edit source code just click on it.
4. Now you can see the all the code of the site and you can also change it.

 

Here is a video of the second method

    Here is link of the app:https://play.google.com/store/apps/details?id=web.dassem.livewebsiteeditorfree&hl=en