Web Inspector 4+

And a Dinosaur

    • 免费

简介

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

新内容

版本 1.2.4

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

评分及评论

4.2(满分 5 分)
92 个评分

92 个评分

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 隐私

开发者“And a Dinosaur”已表明该 App 的隐私规范可能包括了下述的数据处理方式。有关更多信息,请参阅开发者隐私政策

未收集数据

开发者不会从此 App 中收集任何数据。

隐私处理规范可能基于你使用的功能或你的年龄等因素而有所不同。了解更多

相关故事

更多来自此开发人员的 App

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

你可能也会喜欢

Debug Anywhere
软件开发工具
DevTools Extension
软件开发工具
Userscripts
软件开发工具
a-Shell
软件开发工具
Spliteb for Safari
软件开发工具
Working Copy - Git client
软件开发工具