Hacker News Board Hacker News, browsed like a classic message board
Live data from Hacker News

Devtools for mobile browsers

eruda.liriliri.io

Post reply on HN
Print view View original

31–40 of 49 posts

Re: Devtools for mobile browsers

#31

Post by frou_dh »

londons_explore wrote: post #7

Worth 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 love using that to debug Deno CLI commands and servers using a proper luxuriously designed debugger.

So much nicer than the archaic TUI (PuDB) I use to debug Python.

Re: Devtools for mobile browsers

#32

Post by gabrielsroka »

avodonosov wrote: post #23
tantalor wrote: post #3

Earlier quoted context omitted.

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() } })();

Chrome on Android just tries to search for that text

It worked for me on Chrome for Android.

Note that if you copy and paste it, it will typically remove the `JavaScript` at the beginning and you'll have to add it back.

Re: Devtools for mobile browsers

#33

Post by gabrielsroka »

lopkeny12ko wrote: post #24
tantalor wrote: post #3

Earlier quoted context omitted.

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() } })();

This doesn't seem to work in any mobile browser. Are there more specific instructions for Android Firefox?

It worked for me on Chrome and Brave for Android.

Note that if you copy and paste it, it will typically remove the `JavaScript` at the beginning and you'll have to add it back.

Re: Devtools for mobile browsers

#35

Post by bvogelzang »

semiquaver wrote: post #22
tantalor wrote: post #3

Earlier quoted context omitted.

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() } })();

Unfortunately javascript URIs don’t work from the address bar in many browsers like mobile Safari, probably to prevent attacks. At least for safari you need to create a bookmarklet with that content and execute it by “visiting” the bookmark.

I was able to get this working on mobile Safari (iOS 16.5) and it worked just fine.

Re: Devtools for mobile browsers

#36

Post by sroussey »

westernpopular wrote: post #13
develatio wrote: post #11

But why not just use the browser's dev tools? Both Android and iOS support connecting a phone to a computer and debugging using the browser's native tools.

What if you're on the go and only have a phone available? I reckon this is intended for quick experiments, not in depth debugging.

Use an extension. It will work on any site. Example for iOS: https://apps.apple.com/us/app/web-inspector/id1584825745

Re: Devtools for mobile browsers

#37

Post by xmonkee »

rtcode_io wrote: post #6

We 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.

What exactly is this? Something like jsfiddle? With a cloud-deploy option? Are there more docs somewhere?

Re: Devtools for mobile browsers

#38

Post by jsmith99 »

BiteCode_dev wrote: post #30
Mr_Modulo wrote: post #8

Another 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! [1]: https://kiwibrowser.com/

It states "Unparalled Speed", and testimonies say it's much faster than safari. Since on iOS any browser must use Apple's engine anyway and can only provide a thin layer on top of it, how does that happen?

It's an android app, not iOS.

Re: Devtools for mobile browsers

#39

Post by j45 »

jsmith99 wrote: post #38
BiteCode_dev wrote: post #30

Earlier quoted context omitted.

It states "Unparalled Speed", and testimonies say it's much faster than safari. Since on iOS any browser must use Apple's engine anyway and can only provide a thin layer on top of it, how does that happen?

It's an android app, not iOS.

Once Apple becomes flexible on the web engine, it will be nice to see Kiwi go to iOS

Re: Devtools for mobile browsers

#40

Post by haylem »

My reaction to this was "Oh hello Firebug, old friend" :)

It's not firebug, but it was nice that firebug at the time was installable as an extension or a simple bookmarklet, for just about any page, before "Dev Tools" became integral parts of our modern browsers.

EDIT: Firebug's old page is actually still up with a bit of history: https://getfirebug.com/index.html

Post reply on HN