If anyone knows a solution for mobile js debugging on device, without another computer please post it!

Question

I am reposting here my previous question:

https://www.sololearn.com/Discuss/2191015/?ref=app

I hope there is someone here in SoloLearn who knows a way to line-by-line debugging with inspecting variables on a mobile, without connecting to a desktop computer.

Answer 1

You can make mobile browser console by adding a script
https://github.com/liriliri/eruda

Answer 2

Prof. Dr. Zoltán Vass I have tried it on firefox mobile browser.

Firstly, visit the webpage you want to debug on mobile firefox.

Wait for the page finish loaded.

Next, enter the follow code on the address bar and press enter

javascript:(function () { var script = document.createElement('script'); script.src="//cdn.jsdelivr.net/npm/eruda"; document.body.appendChild(script); script.onload = function () { eruda.init() } })();

You would notice an icon on the lower right corner of your browser window.

Click the icon, the access the devtools.

Answer 3

Prof. Dr. Zoltán Vass I use Android, have not tested on iOS.

Answer 4

Calviղ Seems to be very sophisticated, I’ll try it as soon as I can. Have you tried it perhaps?

Answer 5

Calviղ Thanks for details!

I’ve pasted the code as you advised but Firefox mobile browser asks if open this script in external app. Yes: nothing happens, cancel: nothing happens (iOS)