4 ms·

TIL mobile JavaScript console https://eruda.liriliri.io/ https://eruda.liriliri.io/

by andreasha 3y ago

Aulig 3y ago
I found that really interesting too. I've often wanted something like that!
- robin_reala 3y ago
  Used to use Firebug Lite to get the equivalent in IE6: https://web.archive.org/web/20141217201617/http://getfirebug.com/firebuglite https://web.archive.org/web/20141217201617/http://getfirebug...
taopai 3y ago
This is awesome. I hope there is a way to auto load a script so I can make some simple extensions.
wahahah 3y ago
I'll sometimes go through the trouble of using `data:text/html,<script></script>`, but that is impressively replete.
cs02rm0 3y ago
That's mega. Doesn't work for me in Brave on iOS, but does in Safari, I'll take that.
alufers 3y ago
There even is a "remote version" of this by the same person: https://github.com/liriliri/chii https://github.com/liriliri/chii By using it you can open the devtools on another computer and all the information is synchronized over WebSockets. I used it once to debug an issue on a customers machine.
tuukkah 3y ago
A bookmarklet would be nice. This is how the current developer tools in browsers started (Firebug).
- djbusby 3y ago
  Oh, Firebug! Blew my mind when I first saw it. No more View Source for me!
- 8ig8 3y ago
  Bookmarking included in the project README… https://github.com/liriliri/eruda#demo https://github.com/liriliri/eruda#demo
  - tuukkah 3y ago
    Thank you! I must have expected an embed code and missed the javascript: part.
lopkeny12ko 3y ago
Is it just me or does this completely not work? When I paste the Javascript snippet into the address bar, nothing happens. And in Nightly it just performs a Google search with that string.
- eNV25 3y ago
  Try putting it in a bookmark and then execute it.
  - lopkeny12ko 3y ago
    How is this supposed to work? Opening the bookmarks page navigates away from the current page. Even then, selecting the bookmark does nothing.
    - hgsgm 3y ago
      Works in Firefox, not Chrome. Android. 1. Bookmark any page, making a dummy 2. Menu > Bookmarks > edit 3. Change URL of dummy bookmark to the js bookmarklet code. 4. Visit any site. 5. Menu > Bookmarks > tap on the bookmarklet 6. Widget appears on bottom right of page It doesn't work on HN(?) But does work on other sites.
      - efreak 3y ago
        If you're on Android and want eruda, I've got a userscript to load it on every site here: https://github.com/Efreak/UserScripts/tree/master/Eruda-Mobile-Devtools https://github.com/Efreak/UserScripts/tree/master/Eruda-Mobi... It helps with things like removing elements because you can see the DOM and it's fewer clicks away and easier to use than ublock, which doesn't show the DOM in the little box provided for element removal and only allows removing one item say a time (you can use multiple selectors, but every time you tap an element to get the selector it overwrites the existing content)
        LordDragonfang 3y ago
fragmede 3y ago
Same. My phone just got a whole lot more powerful!

TIL mobile JavaScript console https://eruda.liriliri.io/ https://eruda.liriliri.io/

Aulig 3y ago

I found that really interesting too. I've often wanted something like that!

robin_reala 3y ago
Used to use Firebug Lite to get the equivalent in IE6: https://web.archive.org/web/20141217201617/http://getfirebug.com/firebuglite https://web.archive.org/web/20141217201617/http://getfirebug...

taopai 3y ago

This is awesome. I hope there is a way to auto load a script so I can make some simple extensions.

wahahah 3y ago

I'll sometimes go through the trouble of using `data:text/html,<script></script>`, but that is impressively replete.

cs02rm0 3y ago

That's mega. Doesn't work for me in Brave on iOS, but does in Safari, I'll take that.

alufers 3y ago

There even is a "remote version" of this by the same person: https://github.com/liriliri/chii https://github.com/liriliri/chii By using it you can open the devtools on another computer and all the information is synchronized over WebSockets. I used it once to debug an issue on a customers machine.

tuukkah 3y ago

A bookmarklet would be nice. This is how the current developer tools in browsers started (Firebug).

djbusby 3y ago
Oh, Firebug! Blew my mind when I first saw it. No more View Source for me!
8ig8 3y ago
Bookmarking included in the project README… https://github.com/liriliri/eruda#demo https://github.com/liriliri/eruda#demo
- tuukkah 3y ago
  Thank you! I must have expected an embed code and missed the javascript: part.

lopkeny12ko 3y ago

Is it just me or does this completely not work? When I paste the Javascript snippet into the address bar, nothing happens. And in Nightly it just performs a Google search with that string.

eNV25 3y ago
Try putting it in a bookmark and then execute it.
- lopkeny12ko 3y ago
  How is this supposed to work? Opening the bookmarks page navigates away from the current page. Even then, selecting the bookmark does nothing.
  - hgsgm 3y ago
    Works in Firefox, not Chrome. Android. 1. Bookmark any page, making a dummy 2. Menu > Bookmarks > edit 3. Change URL of dummy bookmark to the js bookmarklet code. 4. Visit any site. 5. Menu > Bookmarks > tap on the bookmarklet 6. Widget appears on bottom right of page It doesn't work on HN(?) But does work on other sites.
    - efreak 3y ago
      If you're on Android and want eruda, I've got a userscript to load it on every site here: https://github.com/Efreak/UserScripts/tree/master/Eruda-Mobile-Devtools https://github.com/Efreak/UserScripts/tree/master/Eruda-Mobi... It helps with things like removing elements because you can see the DOM and it's fewer clicks away and easier to use than ublock, which doesn't show the DOM in the little box provided for element removal and only allows removing one item say a time (you can use multiple selectors, but every time you tap an element to get the selector it overwrites the existing content)
      - LordDragonfang 3y ago

fragmede 3y ago

Same. My phone just got a whole lot more powerful!