Projects
These are my projects outside the "day job". For recent full-time work, see About
Codable
Web Developer Tools For Mobile
Platform: iOS (iPhone only)
Codable for iPhone provides these primary features:
- A draggable, resizing viewport with scaling, enabling a webpage to be viewed as if you were on a smaller or larger iOS screen size
- Basic JavaScript console support (including catching logs from page as well as entering JS to evaluate)
- Rendered DOM node navigation, with CSS manipulation in a pane once you find the DOM node level you wish to edit
Codable heavily uses the WKWebView.evaluateJavaScipt() API to get and set browser console or DOM/source data. The codebase is in Swift, with minimal leverage of third party dependencies.
The desire for this app came about from me using XCode's Simulator to debug and test webpages on various-sized iOS devices (macOS Safari's responsive design mode is not always the same), and I thought this should be possible on an actual iOS device. There are plenty of iOS tools to view a webpage's source, but very few let you browse the rendered source or adjust the viewport size.
Codable is 100% free, ad-free, and tracker-free.
Screenshots: