5 ms·

Show HN: Inspect – DevTool to debug Safari and WebViews on iOS devices

75 points by auchenberg 6y ago

ctraganos 6y ago
Very excited for this, especially the screencast + debug over wifi features.
mortenjust 6y ago
Wifi debug!
prox 6y ago
What are the advantages over the app web tools?
- auchenberg 6y ago
  Hi! Kenneth, the creator here. Inspect have several advantages over Safari Inspector. I've outlined them here: https://inspect.dev/why https://inspect.dev/why
8K832d7tNmiQ 6y ago
Any plan for Linux support in the future?
- GranPC 6y ago
  Seconded. I've been working on a webapp that's meant to work on iOS and I haven't figured out any way to debug it from my Linux machine, even with my phone being jailbroken.
  - lights0123 6y ago
    Side note, if you just want to test with WebKit: GNOME Web (sudo apt install epiphany) uses WebKit internally. It doesn't have a responsive design mode or even a way to change the user agent, but it does have the exact same rendering and JS engine.
    - GranPC 6y ago
      Thanks for the tip! I actually have Epiphany installed but I didn't think of that at all.
- auchenberg 6y ago
  :wave Kenneth here. Linux support is on the roadmap, and can be supported via https://libimobiledevice.org/ https://libimobiledevice.org/ but not all functionality might be possible, as libimobiledevice isn't 100% on pair with Apple's own driver that's provided via iTunes on MacOS and Windows. Would love to get some help testing this as I'm not a Linux user myself. Shoot me an email at kenneth@auchenberg.dk if you are interested!
untog 6y ago
Does this use the existing iOS Chrome proxy or is it built from scratch? https://github.com/google/ios-webkit-debug-proxy https://github.com/google/ios-webkit-debug-proxy
- auchenberg 6y ago
  This is a new pure JavaScript implementation. No native dependencies. See more on https://inspect.dev/why https://inspect.dev/why
bonestamp2 6y ago
Does it support websockets... as in, can I view/debug the data sent/received on the websocket that the web app is using to connect to its backend?
charlieegan3 6y ago
I was actually hoping this ran on iPad OS/iOS I use https://apps.apple.com/gb/app/inspect-browser/id1203594958 https://apps.apple.com/gb/app/inspect-browser/id1203594958 but would like a more fully featured environment. Not sure if anyone has found a better developer browser for iPad?
nickphx 6y ago
How is this showing anything? It's a landing page with an email capture form and a 47 second video of the same screen shot.
- ultrarunner 6y ago
  I was trying to figure out how it's different from inspecting from within Safari on a Mac, but I don't see the answer there. I just tried and it works fine over Wi-Fi as well. Maybe Windows support?
andrethegiant 6y ago
> With Inspect you don’t need an expensive Mac, all you need is a USB cable > Inspect can debug your iOS devices over Wifi. It's time to let go off the cables. Which is it? Also minor typo, "off" should be "of". But looks great, congrats on launching. Excited to try it out!
BigBalli 6y ago
So this is a tool for people without a Mac?
egfx 6y ago
I could see how this is useful. I indeed had to buy a Mac for the not so niche use case of web testing in iOS. Interestingly it’s so easy to debug chrome on iOS by just heading to chrome://inspect over http
rusinov 6y ago
Video uses same music that Apple used in their recap video. Didn't like it, not original.

75 points by auchenberg 6y ago

ctraganos 6y ago

Very excited for this, especially the screencast + debug over wifi features.

mortenjust 6y ago

Wifi debug!

prox 6y ago

What are the advantages over the app web tools?

auchenberg 6y ago
Hi! Kenneth, the creator here. Inspect have several advantages over Safari Inspector. I've outlined them here: https://inspect.dev/why https://inspect.dev/why

8K832d7tNmiQ 6y ago

Any plan for Linux support in the future?

GranPC 6y ago
Seconded. I've been working on a webapp that's meant to work on iOS and I haven't figured out any way to debug it from my Linux machine, even with my phone being jailbroken.
- lights0123 6y ago
  Side note, if you just want to test with WebKit: GNOME Web (sudo apt install epiphany) uses WebKit internally. It doesn't have a responsive design mode or even a way to change the user agent, but it does have the exact same rendering and JS engine.
  - GranPC 6y ago
    Thanks for the tip! I actually have Epiphany installed but I didn't think of that at all.
auchenberg 6y ago
:wave Kenneth here. Linux support is on the roadmap, and can be supported via https://libimobiledevice.org/ https://libimobiledevice.org/ but not all functionality might be possible, as libimobiledevice isn't 100% on pair with Apple's own driver that's provided via iTunes on MacOS and Windows. Would love to get some help testing this as I'm not a Linux user myself. Shoot me an email at kenneth@auchenberg.dk if you are interested!

untog 6y ago

Does this use the existing iOS Chrome proxy or is it built from scratch? https://github.com/google/ios-webkit-debug-proxy https://github.com/google/ios-webkit-debug-proxy

auchenberg 6y ago
This is a new pure JavaScript implementation. No native dependencies. See more on https://inspect.dev/why https://inspect.dev/why

bonestamp2 6y ago

Does it support websockets... as in, can I view/debug the data sent/received on the websocket that the web app is using to connect to its backend?

charlieegan3 6y ago

I was actually hoping this ran on iPad OS/iOS I use https://apps.apple.com/gb/app/inspect-browser/id1203594958 https://apps.apple.com/gb/app/inspect-browser/id1203594958 but would like a more fully featured environment. Not sure if anyone has found a better developer browser for iPad?

nickphx 6y ago

How is this showing anything? It's a landing page with an email capture form and a 47 second video of the same screen shot.

ultrarunner 6y ago
I was trying to figure out how it's different from inspecting from within Safari on a Mac, but I don't see the answer there. I just tried and it works fine over Wi-Fi as well. Maybe Windows support?

andrethegiant 6y ago

> With Inspect you don’t need an expensive Mac, all you need is a USB cable > Inspect can debug your iOS devices over Wifi. It's time to let go off the cables. Which is it? Also minor typo, "off" should be "of". But looks great, congrats on launching. Excited to try it out!

BigBalli 6y ago

So this is a tool for people without a Mac?

egfx 6y ago

I could see how this is useful. I indeed had to buy a Mac for the not so niche use case of web testing in iOS. Interestingly it’s so easy to debug chrome on iOS by just heading to chrome://inspect over http

rusinov 6y ago

Video uses same music that Apple used in their recap video. Didn't like it, not original.