Devtools for mobile browsers
eruda.liriliri.io
Devtools for mobile browsers
1–10 of 49 posts
Re: Devtools for mobile browsers
#2How to use it for a different web site?
Re: Devtools for mobile browsers
#3How to use it for a different web site?
In order to try it for different sites, execute the script below on browser address bar.
javascript:(function () { var script = document.createElement('script'); script.src="//cdn.jsdelivr.net/npm/eruda"; document.body.appendChild(script); script.onload = function () { eruda.init() } })();
Re: Devtools for mobile browsers
#4I think I remember seeing this (or a similar thing) in Solid.js Playground: https://playground.solidjs.com/
The fact that it’s available on mobile and that it allows for “embedding” a good-enough dev tools into your web app, does enable interesting use-cases.
Of course, it’s not the go-to for complex or extended debugging sessions but still impressive.
Re: Devtools for mobile browsers
#5How to use it for a different web site?
More details about that on their github page [1]. It seems you basically need to include a JS file from [their CDN](//cdn.jsdelivr.net/npm/eruda).
As someone who fondly remembers the early Firebug days, it is great to see this. It is very frustrating to me that tablets and phones are so powerful, but we can't do even basic dev stuff on them.
Re: Devtools for mobile browsers
#6We are using Tencent's vConsole on https://RTCode.io (info: https://efn.kr video: https://rt.ht/yt)
Console output of this one is a lot better! Will do a complete comparison later this week.
Re: Devtools for mobile browsers
#7Worth knowing you can use proper devtools on mobile devices too, but remotely.
Visit chrome://inspect/#devices in a chromium based browser, and you'll see a list of remote targets that you can connect to.
They include browsers running on any device connectable via ADB. You can also debug over the network, debug headless browsers, and debug nodejs and webdriver instances.
Re: Devtools for mobile browsers
#8Another option to get a JavaScript console on Android is use Kiwi Browser[1]
Kiwi allows access to the full Chromium JavaScript console that you can open in a new tab.
Kiwi also allows usage of Chromium extensions. I wanted full ad blocking but Kiwi only had rudimentary ad blocking that was disabled by default. No problem, I installed uBlock Origin!
Re: Devtools for mobile browsers
#9Worth knowing you can use proper devtools on mobile devices too, but remotely. Visit chrome://inspect/#devices in a chromium based browser, and you'll see a list of remote targets that you can connect to. They include browsers running on any device connectable via ADB. You can also debug over the network, debug headless browsers, and debug nodejs and webdriver instances.
I use this functionality a lot, however note that the ADB functionality over Chrome sometimes interferes with Android Studio or ADB running locally, so make sure to run `adb kill-server` if Chrome can't find connected devices.
Re: Devtools for mobile browsers
#10That's awesome!
But what's up with app developers thinking that the mobile version of a piece of software always has to be worse? It gets on my nerves insanely that sometimes I have to switch devices because a simple feature just isn't available on one platform.