Web development tools for iOS.
Inspect is a web inspector for iOS that provides desktop-class developer tools, right in the app. No need for remote debugging, connecting to a desktop, proxies, or remote systems.
- HTML element inspection and editing (with live preview).
- CSS inspection and editing (with live preview).
- Open files and folders from other apps (like Working Copy), or from iCloud to test locally.
- Network panel, displaying page headers and XHR requests.
- Responsive design tools: View your site with a variety of mobile and desktop sizes and orientations, including support for custom sizes and user agents.
- Cookies, local storage, and session storage inspector and editor.
- Resource graph.
- View raw page source.
- Save a screenshot of your site, including the ability to save the full page.
Fixed a few bugs with displaying CSS rules on some sites.
Ratings and ReviewsSee All
I sit at work all day debugging on 3 large screen monitors. I chuckled a bit when I first saw this app but seriously, WOW! The mere fact that I can’t inspect a nodes box model, change some css properties, sort/analyze network requests, view/edit local/session storage is pretty ridiculous for a phone app. These guys did a phenomenal job incorporating webkits’ debugging capability’s into a small screen. Although I laugh at the idea of actually using this on my iPhone, I could see it being actually useful for those on an iPad. That being said, actual developers probably don’t own iPads but rather surfaces or chrome books because Apple won’t expose runtimes or compilers on their mobile or tablet devices... hence why you can’t set breakpoints in scripts in this app.
Some of the panels & windows can be a little finicky operating but considering the capabilities of this app I’d find it hard to believe anyone could do it better. A nice feature would be a json/js beautifier when viewing in sources tab. Keeping in mind that the compiler is off limits, I would think it’s definitely possible to run scripts through a static syntax highlighter for easy viewing.
Based on my first 10 minutes, color me impressed. As a front end developer who spends a great deal of time debugging in Chrome & Firefox web inspectors, I found it intuitive and useful. Was able to successfully run a simple jQuery method in the console and toggle CSS attributes exactly like in a desktop browser.
Some less than intuitive behaviors I observed: unexpected pinch-to-zoom action (the whole viewport frame would shrink rather than just the page), couldn’t scroll the page in Inspect mode, and there was some Line 0 script errors w/o details. Any of these could be due to my lack of experience with the app but they seemed like they could be more obvious, if so.
Regardless, I consider it worth the cost as a quick and easy way to do some debugging on iOS (I tried it on iPhone Xs, which made everything crowded, but entirely useful in a pinch.)
This app is game-changing
I’ve been doing personal web development via a remote server from my iPad (almost exclusively) for a year now. This app is a game changer for me. Specifically being able to modify and adjust CSS like in a desktop web inspector, as well as easily modifying the DOM. Sounds simple coming from desktop web development world, but I haven’t found another app that does this.
I would highly suggest spreading the word so that this app can continue to get attention and polish. The other web-dev apps I used were so-so and lost a lot of attention over time, and this app is already great so I hope the developer runs with it!
- Parallax Dynamics Inc.
- 13.4 MB
- Developer Tools
Requires iOS 11.0 or later. Compatible with iPhone, iPad, and iPod touch.
- Age Rating
- Unrestricted Web Access
- © 2020 Parallax Dynamics Inc.
With Family Sharing set up, up to six family members can use this app.