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