### Please refresh the page if you tap the "i" button and nothing happens ###
Web Inspector expands Mobile Safari with a set of web development tools:
DOM: View, inspect, edit, and search the elements that make up the DOM of a webpage.
Elements: See the details about the webpage’s nodes and styles.
Console: Type JavaScript commands in the console to debug, modify, and get information about your webpage. You can also see logs, errors, and warnings emitted from a webpage.
Network: See a detailed list of network requests and responses made from a webpage.
Resource: Find details about the data stored by a webpage such as cookies, local storage, and session storage.
What’s New
- Turn off Inspect mode after selecting an element because it confuses people.
Ratings and Reviews
It's so close to being exceptional
This really is impressive. It's extremely intuitive, very appealing to look at, and integrates directly with safari. It feels very reminiscent of Chrome DevTools, so you feel right at home using it.
Now, the things that are missing are quite noteworthy. There's no way to edit CSS without editing the html and applying inline styles. You also cannot see all the possible styles that are inherited from the classes applied to the element. Only the computed styles. That's a pretty big deal.
Furthermore, I haven't found a way to resize the panel as its much too large. I saw somewhere the dev saying you could tap and hold and drag it down, but I haven't been able to figure it out and neither have some other people, so that could be a little bit more intuitive.
It also is a little buggy where the nav bar of the panel doesn't always show up. Have to close safari completely and reopen it to fix that.
Frankly, the CSS and resize things are the most important. With those two things fixed, this app would be worth $$$ and I could see this being worth every penny. Safari is always a pain to debug without a mac and this helps you inspect what a lot of your clients are probably seeing. First person I've seen use safari extensions for this and it's about time.
Exactly what I wanted
In the past 10 or so years I have been using IOS apps I have probably only left 4 or 5 reviews because most of the time I do not feel strongly enough about the performance of a product that I feel it is worth the effort. This app is an exception. I was just looking for a way to use networking tools, similar to the likes of which you would find in chrome, while on mobile. Not only did it let me get the information I needed with no hassle/troubleshooting but I see that it has a whole suite of tools you can use with a simple, yet effective and intuitive UI. Although I have seen other complaints about not being able to edit CSS, I think those complaints are somewhat irrelevant because I can’t imagine being in a situation where you would ever want to edit css on a mobile device instead of using an emulator/vm on your primary system. I also see other complaints about not being able to access images although from my experience it seems as though that is not the fault of this extension and is instead the fault of the user, because I have had no errors or trouble doing that on my end. Good job devs behind this, this is a perfect example of how safari extensions on IOS should be executed Inspect Element. Alternatively, you can press Command+Option+i on your Mac or F12 on your PC to do the same. Every modern web browser has a native tool for inspecting elements.