Ergo Web Tools
By James Finley
Open iTunes to buy and download apps.
As many people are looking to take iPad seriously as a everyday-use device, web developers are lacking many tools necessary to use the platform to develop on. Web Tools brings three tools that front-end web developers need every day in 2016: a scalable web browser, an inspector, and a console.
With Safari on iPad, you can only test a site at full-width. Web Tools allows you to test any width you need, even if that width is larger than the screen you are on.
Apple has an Inspector for iPad only if you plug into a Mac. But if you don't have a Mac, finding that styling bug becomes tough. Web Tools provides an easy way to drill through your HTML and see all CSS rules and attributes applied to each element. Easily add, edit, and delete attributes as you would on a desktop browser.
This is just the start of Web Tools. More tools are coming in the near future.
What's New in Version 1.1.1
- A new size selector with common screen sizes for easy responsive web testing
- Settings: User Agent
- Easily update the user agent to whatever you want!
- Settings: Base Font Size for the Inspector
- Do you like your fonts really small or really large? Enjoy!
Please take the time to review the app if you like it. If you don't like it, tell me on Twitter at @webtoolsapp. I love feedback.
Web Tools fills a niche for web designers and developers looking to do light work on an iPad. At this point the feature set is pretty bare bones and needs to be expanded to be truly powerful, but the ability to inspect and edit the source on any web page is a good start. A major missing feature is the ability to live edit CSS from external style sheets (i.e., where the styles don't appear in the HTML itself). I hope that there are enough people looking for this kind of tool that the developer can justify continued investment and enhancement.
A great start!
I have been hoping for an app like this! This is great for web developers who want to be able to work with their iPads (in conjunction with a text editor like Coda iOS).
One thing I would like is more control over the height of the window, or at least something that tells you the pixel height of the window like there is for the width.
But this is a fantastic start for an app that could become an integral part of an on-the-go web developer's tool box
Almost there, needs CSS editing
This is the only browser "Dev tools" app I have found and was very excited to have a mobile solution for web Dev that matched my desktop workflow. Unfortunately there is no CSS editing, so you can use the inspector to identify the CSS you want to change and switch over to you ftp/code editor tool and make changes but there is no way to non-destructively experiment with CSS changes live in the browser like you can do in Safari or Chrome on the desktop.
- Category: Productivity
- Updated: Feb 04, 2016
- Version: 1.1.1
- Size: 1.5 MB
- Language: English
- Seller: James Finley
- © 2016 Ergo Interactive Media
Compatibility: Requires iOS 9.0 or later. Compatible with iPad.
Top In-App Purchases