Hacker News new | past | comments | ask | show | jobs | submit login
Console for Mobile Browsers (github.com/liriliri)
141 points by rinmo on April 24, 2020 | hide | past | favorite | 21 comments



Hey, this is pretty neat! Certainly seems like something that'll make it easier to test webpages on mobile or what not.

However, the fact it's a script you have to install on the source page definitely limits its usefulness. Most of the time when I need a console for a mobile browser, it's to debug an error that's occuring on a client or customer's website. They're probably not going to be too thrilled with the prospect of another 100KB of code being downloaded by anyone viewing the site, even if it is behind a URL parameter or flag.

The way that old mobile version of Firebug was available as a bookmarklet just made it significantly more practical to use here.


It's easy to miss in the readme, but there is a bookmarklet! I've just confirmed it works in Safari on iOS. You need to edit an existing bookmark with the javascript snippet rather than just pasting it into the address bar, but it does work.


Oh yeah, I'm not sure how I missed that. Bookmarked that now.


The alternative would be to something like a browser extension. I don’t know if Safari on iOS supports extensions but I think Firefox does. Just create a wrapper extension that injects this code into the current page you are on.


The website is actually a really nice demo of what’s possible with this. https://eruda.liriliri.io/


This is impressive!

I wrote a much less impressive bookmarklet editor[0] (years ago) that can also be appended[1] to a mobile page for debugging purposes (note, it doesn't work on, eg, HN, because scripts are blocked by CSP).

[0] https://gabrielsroka.github.io/webpages/bookmarklets.htm

[1]

  javascript:(function () {
      var u = "https://gabrielsroka.github.io/webpages/scripts/";
      var s = document.body.appendChild(document.createElement("script"));
      s.src = u + "js.js";
      s.onload = function () {
          loadScript(u + "bookmarklets.js", function () {
              editor();
              onload();
          });
      };
  }
  )();
To be a little meta: https://gabrielsroka.github.io/webpages/bookmarklets.htm?scr...


How does this work on iOS? Safari tells me that I cannot execute javascript via URL.


to use on iOS you need to embed it in the source of your page, because iOS doesn't let you execute JS from the address bar. On Android you can use it to view pages without embedding it into the source of your page.


Reminds me of Weinre, though it’s very old now:

https://people.apache.org/~pmuellr/weinre/docs/latest/


Firebug has gone full circle.


This is pretty neat but what's the use case? I'm struggling to see it

Edit: nevermind, I guess it's to make it easier to develop for mobile, no need to connect the phone using USB anymore


ngl that logo is unexpected (unnecessary?) to say the least...


Its because the guys who made this are actually a visual novel engine development group


No fun not ever


Why? It's not offensive or NSFW.


It's just silly, irrelevant, distracting and adolescent IMHO


Sure, its not for everyone. To each their own.


What is happening here is that the girl is drawn in a confusing way: with childlike and also with adult traits. Also, the big eyes form a supernormal stimulus [1]. As such it is "hacking" into the brain of the viewer. Some people are more sensitive to this than others. In any case it distracts from the actual subject (the console software). As for work, I wouldn't consider it appropriate.

[1] https://en.wikipedia.org/wiki/Supernormal_stimulus


> Also, the big eyes form a supernormal stimulus [1]. As such it is "hacking" into the brain of the viewer.

Oh, come on, that’s just the typical anime/manga style. You criticism applies equally to any software which has an attractive person as its icon as that would supernormally “hack” your brain as well. I see nothing about that drawing that is confusing.


> In any case it distracts from the actual subject

Sounds like this fits with any kind of shape, color or combination of those (read as: logo) in any README.md that has one ... I wouldn't interpret too much into it.


This is just anime. Well it seems like you just don't understand us asians.




Guidelines | FAQ | Lists | API | Security | Legal | Apply to YC | Contact

Search: