Web debugging tools
- Resizer- http://lab.maltewassermann.com/viewport-resizer/
- Charles Proxy - http://www.charlesproxy.com/
- JSConsole - http://jsconsole.com/
- Using "fake" json
- http://www.jsoneditoronline.org/
- iOS Simulator debugging (Safari)
Resizer
RESPONSIVE DESIGN TESTING TOOL – IT ONLY TAKES 2 SECONDS!
Charles Proxy
Configurations:
- ios - http://www.charlesproxy.com/documentation/faqs/using-charles-from-an-iphone/
- General / Android - http://www.charlesproxy.com/documentation/configuration/browser-and-system-configuration/
- Filter records - http://stackoverflow.com/questions/10938624/using-charles-proxy-on-mac-os-x-selectively-for-ios-simulator
Charles Proxy
- Live demo: Using Charles proxy on mobile + local environment + live reload + sass
JSConsole
Live demo
Using "fake json" to simulate data
Live demo
online json editor
http://www.jsoneditoronline.org/
mobile Pre-cache
-
Why?
- How?
- Flow- https://www.lucidchart.com/documents/edit/492e-9dac-5295c759-b51c-4c3a0a009219?