- Navigate to Google Chrome and enter the website that you want to inspect
- After loading the websites, edit the link at the address bar by putting the phrase view-source. For example, if you the link in the address bar is https//:waptrick.com, and you want to put the view-source, put it like this view-sourcehttps//:www.waptrick.com
- After doing this, you can now VIEW the codes.
Steps 1: Setting up the Android Device:• Connect the Android device to the computer• Navigate to Inspect by Chrome > More tools > Inspect Devices• Confirm the presence of the USB devices• If there is a confirmation for you to accept USB debugging accept it• Open Chrome on your device and then refresh the chrome window on your system.• Open Chrome on your device and then refresh the chrome window on your system.• The device automatically opens the application also.• Immediately click on the option to inspect the link• By clicking inspect. You can now dive into the world of inspecting the elements on the site in real-time on the connected Android. The chrome devtools also change on the computer after this is done you can interact with the various elements that make up the HTMLNote that anything you do on the device is reflected on the computer and vice versa. This method, however, does not utilize the issue of portability since the Android device is connected directly to the computer.
Third-Party Applications used in Inspecting ElementsThird-party applications are now the most used ways of inspecting elements on Android and does not utilize the computer at all. With these applications, it is easy to inspect any code used in many websites, whether HTML or CSS. Example of such third party applications are Edit Webpage App
Edit Webpage AppThe application can allow you to edit the codes, which is not possible in some applications on the Android platform. You can obtain the application by downloading from the plays store. The application is a free app yet allows editing of blogs and articles..To use the application to inspect elements, you can follow these steps.• Open the application and enter the name of the website that you want to edit• After the website has been successfully loaded, tap on the pencil icon at the top right corner of the application to edit the code• Edit the content as much as you want• After completing the editing, tap the pencil icon again, and this saves the code.The application is simply for play because the website has only changes based on your device. The change that you see cannot be seen on another person’s device at the same time.
Inspect and Edit HTML LiveThis application can also be used to edit elements after inspecting them on Android. You can obtain the application by downloading from the plays store. The application is a free app yet allows editing of blogs, articles.To use the application to inspect elements, you can follow these steps.• Open the application and enter the name of the website that you want to edit• After the website has been successfully loaded, tap on the hand icon at the top right corner of the application to edit the codes• Select the element that you want to inspect and edit, and it should show like the format shown below• Edit the code to your heart contents, and when done, press the arrow icon for it to be saved.The application also only allows for a little editing. The customization of the website you make is based on your device. the change that you see cannot be seen on another person’s device at the same time
I am a Software developer with approx 4 years of experience in building various responsive and beautiful websites and apps.
Language: Ruby, Java, HTML/CSS, Android
Frameworks: Ruby on Rails, Hosting: Heroku, Godaddy
Database: Mysql, Postgres, Mongo, Oracle
Also please look on my stack overflow profile.