Web Development on Android
-
Upload
brandon-smith -
Category
Technology
-
view
107 -
download
0
description
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