Have you wanted to inspect a web element? It’s very easy on computers or PCs but what about mobile phones? In this read, we have added three working ways to inspect element in Google Chrome on your Android or iOS device.
Inspect Elements in Chrome on Android or iOS
Inspecting a web element of a website helps users or developers in viewing and edit the HTML and CSS scripts of a webpage on their device without having the actual change. Here, we have added three ways to inspect elements in Google Chrome browser on your Android or iOS devices.
Step 1: Open the Google Chrome browser on your device.
Step 2: Visit the website whose element you want to edit or view.
Step 3: Click on the three-dots icon at the top then tap on Bookmark.
Step 4: It will show the confirmation with an Edit button, tap on it.
Step 6: Go back and visit the website whose element you want to view. Tap on the address box and search for the bookmark name, i.e., Inspect New, which we added. Tap it.
Step 7: You will now be able to edit the text of the website just like we did on desktop inspecting.
Step 8: Here, you will also see a setting-like icon on the page, tap on it to view Elements, Network, Resources, and more.
Method 2- Using Kiwi Browser
Kiwi browser has added the Chrome Developer Tools to its Android App which allows users to view and edit inspect websites very similar to the one we did on Chrome’s desktop version. Follow the below steps to do so.
Step 1: Download or Open the Kiwi Browser on your device.
Step 2: Visit the website whose element you want to inspect.
Step 3: Click on the three-dots icon at the top.
Step 4: Select Developer Tools from the menu that appears.
Step 5: The browser will open the inspect window in a new tab which is very similar to Chrome’s desktop inspect.
Method 3- Execute a Script in the Address Bar
Step 1: Open the website whose JS console you want to view or inspect.
Step 2: Tap on the address bar and type the following script and hit enter to execute it:
Step 3: Now, you will see a setting-like icon, tap on it and it will open the console.
Step 4: It will open the console just like the desktop one. Here, tap the cursor icon at the bottom to select an element and view the elements for it.
This was how you can inspect element in Google Chrome on your Android or iOS device. I hope the above article helped you in inspecting elements and viewing the console in Chrome on your phone. Stay tuned for more such tips, tricks, and how-tos.