tri droid web development on android
TRANSCRIPT
WEB DEVELOPMENT ON
ANDROIDTriDroid
2006
WEB DEVELOPMENT IS
HARD
WEB DEVELOPMENT IS
HARD
WEB DEVELOPMENT IS
HARD
MOBILE
WEB DEVELOPMENT IS
HARD
DEVICE ACTIVATION
&
CHROME DEVICE
EMULATION
• Useragent Spoofing
• Screen Resolution
Matching
• Device Pixel Ratio
• Viewport Emulation
• Text and Fonts
• Touch Event
• Geolocation Override
• Device Orientation
Override
DEMO
WEINREextremely helpful
but clunky and without seamless integration
MOBILE
WEB DEVELOPMENT IS
HARD
crippled webviews?
REMOTE DEBUGGINGUsing Chrome Dev Tools
DEMO
WEBVIEWS
VERSIONING HELL?!?
Android
Version
Chrome
Version
KitKat 4.4.3 33
KitKat 4.4.2 30
Jelly Bean < 4.4.x ~8
PLAY UPGRADABLE??
MODERIZRFor feature detection
Possibly use @JavascriptInterface for targeted
WebViews
HYBRID APPSTrying to avoid the uncanny valley
ANALYTICSAndroid app and Web report separately
@JavascriptInterface
GOOGLE UNIVERSAL
ANALYTICS
REMOTE LOGGINGgetsentry.com
INTENTS WITH CHROME
PORT FORWARDING
DEMO
SCREENCASTKeep Your Focus
DEMO
DEV TOOLS AS AN IDE
SNIPPETSHold on to Handy Code
FILE SEARCHCmd + O
Cmd + Opt + F
WORKSPACESKeep Browser and File System in Sync
isn’t just a browser
IS A PLATFORM