Web Development on Android

Post on 08-May-2015

107 views 0 download

description

Google has made it incredibly easy to develop for the Web on Android. Here I outline some of the awesome features in Chrome DevTools and recently provide updates in Android KitKat 4.4.

Transcript of Web Development on Android

WEB DEVELOPMENT ON ANDROID

TriDroid

2006

WEB DEVELOPMENT IS HARD

WEB DEVELOPMENT IS HARD

WEB DEVELOPMENT IS HARD

MOBILEWEB 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

MOBILEWEB DEVELOPMENT IS

HARD

crippled webviews?

REMOTE DEBUGGINGUsing Chrome Dev Tools

DEMO

WEBVIEWS

VERSIONING HELL?!?

AndroidVersion

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