Skip to content

JeremyCollins.net

Projects

These are my projects outside the "day job". For recent full-time work, see About


Codable

Web Developer Tools For Mobile

Codable Icon

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.

View Codable on the App Store

Screenshots:

Codable Icon

Codable Icon

Codable Icon

Codable Icon

Codable Icon

Codable Icon

© 2020 by JeremyCollins.net. All rights reserved.