Web Inspector 4+

Developer Console for Safari

And a Dinosaur

    • Free

Screenshots

Description

### 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

Version 1.2.4

- Turn off Inspect mode after selecting an element because it confuses people.

Ratings and Reviews

4.2 out of 5
92 Ratings

92 Ratings

pie13man ,

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.

Jdhdheg ,

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 <3

Kemper 1 ,

Can’t edit CSS

It’s fine for as far as it goes. Editing HTML is nice. But not being able to edit the CSS is kind of a dealbreaker, because that is what’s most important for me. You can see the CSS fine, like on the desktop Inspector, but you can’t edit the values or add/remove declarations.

Also, there doesn’t seem to be any way to minimize or dismiss the panel to see whatever changes you made or to screenshot the changes.

You have to tap an Apply button to apply the HTML changes you make. Seems like that should be automatic, like the desktop experience.

It’s got potential though, if those could be fixed.

App Privacy

The developer, And a Dinosaur, indicated that the app’s privacy practices may include handling of data as described below. For more information, see the developer’s privacy policy.

Data Not Collected

The developer does not collect any data from this app.

Privacy practices may vary, for example, based on the features you use or your age. Learn More

Featured In

More By This Developer

Vinegar - Tube Cleaner
Utilities
Baking Soda - Tube Cleaner
Utilities
Sideways - Rotate Webpages
Utilities
AMP Shockwave
Utilities
Makeover - Custom CSS
Utilities
Rewinder - Time Travel the Web
Utilities

You Might Also Like

Debug Anywhere
Developer Tools
DevTools Extension
Developer Tools
Userscripts
Developer Tools
a-Shell
Developer Tools
Working Copy - Git client
Developer Tools
Spliteb for Safari
Developer Tools