Can you inspect things on iPhone?

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

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

Information

Seller

And a Dinosaur

Size

1.5 MB

Category

Developer Tools

Compatibility iPhone Requires iOS 15.0 or later. iPad Requires iPadOS 15.0 or later. iPod touch Requires iOS 15.0 or later.

Age Rating

4+

Copyright

© 2021-2022 And a Dinosaur

Price

Free

  • Developer Website
  • App Support
  • Privacy Policy

  • Developer Website
  • App Support
  • Privacy Policy

More By This Developer

You Might Also Like

Can I inspect a website on my phone?

Different methods are available to inspect elements on Android. As a developer, I recommend using LambdaTest or LT Browser to inspect elements on Android phones. With LambdaTest, you can test websites, web and mobile apps on the latest Android browser emulators, mobile iOS simulators and real devices.

Can you inspect element on Apple?

To inspect elements you have to right-click any part of a webpage and click Inspect > 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.