Unlike desk/laptops, mobile browsers do not feature any native dev console tools, instead requiring the use of questionable apps.
However not all hope is lost.
The "Bookmarklet" Method
Basically you just create a bookmark that injects a dev console into the page you're looking at.
The setup:
1. Go to any website you want to inspect and bookmark it.
2. Edit that new bookmark, changing the Name to something like ! Inspect.
3. Then replace the URL with this exact code:
4. And save/exit.
How to use it:
1. While on the bookmarked website, tap your browser's Address Bar and type ! Inspect (or whatever name you gave it) then tap the bookmark that appears in the suggestions.
2. A small gear icon
will appear at the bottom right of your screen. Tap it.
3. Boom! You should now see an overlay featuring all the usual web inspection tools at your disposal.
4. And that's about it. Job done.
However not all hope is lost.
The "Bookmarklet" Method
Basically you just create a bookmark that injects a dev console into the page you're looking at.
The setup:
1. Go to any website you want to inspect and bookmark it.
2. Edit that new bookmark, changing the Name to something like ! Inspect.
3. Then replace the URL with this exact code:
JavaScript:
javascript:(function () { var script = document.createElement('script'); script.src='//cdn.jsdelivr.net/npm/eruda'; document.body.appendChild(script); script.onload = function () { eruda.init() } })();4. And save/exit.
How to use it:
1. While on the bookmarked website, tap your browser's Address Bar and type ! Inspect (or whatever name you gave it) then tap the bookmark that appears in the suggestions.
2. A small gear icon
will appear at the bottom right of your screen. Tap it.
3. Boom! You should now see an overlay featuring all the usual web inspection tools at your disposal.
4. And that's about it. Job done.
