Mobile Web Development on Android

•Download as PPTX, PDF•

0 likes•332 views

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.

Technology Business

CHROME DEVICE
EMULATION
• Useragent Spoofing
• Screen Resolution
Matching
• Device Pixel Ratio
• Viewport Emulation
• Text and Fonts
• Touch Event
• Geolocation Override
• Device Orientation
Override

WEINRE
extremely helpful
but clunky and without seamless integration

MOBILE
WEB DEVELOPMENT IS
HARD
crippled webviews?

VERSIONING HELL?!?
Android
Version
Chrome
Version
KitKat 4.4.3 33
KitKat 4.4.2 30
Jelly Bean < 4.4.x ~8

MODERIZR
For feature detection
Possibly use @JavascriptInterface for targeted
WebViews

HYBRID APPS
Trying to avoid the uncanny valley

ANALYTICS
Android app and Web report separately

WORKSPACES
Keep Browser and File System in Sync

What's hot

Flutter Presentation Houston TechFest 2019Mohammad Azam

Flutter frame worksamash

Learn .NET Core - UWP & Xamarin.FormsEng Teong Cheah

Mobile Enablement And IntelligenceRashmika Nawaratne

Key reasons to consider angular for progressive web app development minSolution Analysts

Flutter rev cxJosh Software Inc.

Xamarin 4 - the future of appsJames Montemagno

Flutter workshopVishnu Suresh

Multiscreen Development with Adobe Aireaselsolutions

iOS StoryboardsAndolasoft Inc

Mobile Enterprise Success with Xamarin and IBMXamarin

Google-IO-PresentationLeo Chen

Introduction to XamarinVinicius Quaiato

Introduction to Xamarin 2.0Xamarin

Building beautiful apps with Google flutterAhmed Abu Eldahab

Gluon Part 1Md. Emran Hossain Emran

Introduction to xamarinPrabhat gangwar

Cross platform Xamarin Apps With MVVMJim Bennett

Xamarin University Presents: Building Your First Intelligent App with Xamarin...Xamarin

Introduction to xamarinChristos Matskas

What's hot (20)

Flutter Presentation Houston TechFest 2019

Flutter frame work

Learn .NET Core - UWP & Xamarin.Forms

Mobile Enablement And Intelligence

Key reasons to consider angular for progressive web app development min

Flutter rev cx

Xamarin 4 - the future of apps

Flutter workshop

Multiscreen Development with Adobe Air

iOS Storyboards

Mobile Enterprise Success with Xamarin and IBM

Google-IO-Presentation

Introduction to Xamarin

Introduction to Xamarin 2.0

Building beautiful apps with Google flutter

Gluon Part 1

Introduction to xamarin

Cross platform Xamarin Apps With MVVM

Xamarin University Presents: Building Your First Intelligent App with Xamarin...

Introduction to xamarin

Viewers also liked

We Love コンビニTomohideK

Media LiteracyLAWJH

Documento Marco - Programa electoral del psc per les autonomiques 2010cabamadrid

Dragons Den Pitch Real OneBarbagroup

S O N I A M A N Z A N A S E G A R R Aal000529

Designersofthefuture11designersofthefuture11

Hate Vsdgoforlife

The Givermartinjkk

Those Pesky Commas! LAWJH

Eugenio BarbaBarbagroup

Tri droid web development on androidBrandon Smith

BrandonBrandon Smith

A Possible Future for Android DevelopmentBrandon Smith

Roll of Thunder, Hear My Cry vocabularyLAWJH

TriDroid - Republic WirelessBrandon Smith

Schneider Electric Corporate Presentation 2008 Enmace.schneiderelectric

Those Pesky Commas! Powe#D6LAWJH

Proteína C ReactivaErnest Spitzer

Viewers also liked (18)

We Love コンビニ

Media Literacy

Documento Marco - Programa electoral del psc per les autonomiques 2010

Dragons Den Pitch Real One

S O N I A M A N Z A N A S E G A R R A

Designersofthefuture11

Hate Vs

The Giver

Those Pesky Commas!

Eugenio Barba

Tri droid web development on android

Brandon

A Possible Future for Android Development

Roll of Thunder, Hear My Cry vocabulary

TriDroid - Republic Wireless

Schneider Electric Corporate Presentation 2008 En

Those Pesky Commas! Powe#D6

Proteína C Reactiva

Similar to Mobile Web Development on Android

The Great Mobile Debate: Native vs. Hybrid App DevelopmentNick Landry

Testing Responsive WebdesignSven Wolfermann

Xamarin COE by Mukteswar PatnaikMukteswar Patnaik

Evolving Mobile Architecturessgleadow

Navigating the Mobile mazePraveen Bohra

Building Mobile Cross-Platform Apps with HTML5, jQuery Mobile & PhoneGapNick Landry

Mobile Dev For Web DevsJustin James

Synapse india reviews on asp.net mobile applicationsaritasingh19866

"WebView, the fifth element" por @fernando_cejaswebcat

Xamarin DevOpsNicolò Carandini

Porting Android apps to the Series 40 platformMicrosoft Mobile Developer

HTML5 vs Native Android: Smart Enterprises for the FutureMotorola Mobility - MOTODEV

移动端Web app开发Zhang Xiaoxue

Why hybrid-is-importantJacob Nelson

Cross-Platform Native Apps in Java (budapest.mobile)Gergely Kis

Camerjam mobile marketing masterclass 12snapJames Cameron

Webview: The fifth elementFernando Cejas

Xamarin cross platformGuada Casuso

App forum2015 London - RhoMobile Updaterobgalvinjr

Cross Platform Mobile App DevelopmentSynerzip

Similar to Mobile Web Development on Android (20)

The Great Mobile Debate: Native vs. Hybrid App Development

Testing Responsive Webdesign

Xamarin COE by Mukteswar Patnaik

Evolving Mobile Architectures

Navigating the Mobile maze

Building Mobile Cross-Platform Apps with HTML5, jQuery Mobile & PhoneGap

Mobile Dev For Web Devs

Synapse india reviews on asp.net mobile application

"WebView, the fifth element" por @fernando_cejas

Xamarin DevOps

Porting Android apps to the Series 40 platform

HTML5 vs Native Android: Smart Enterprises for the Future

移动端Web app开发

Why hybrid-is-important

Cross-Platform Native Apps in Java (budapest.mobile)

Camerjam mobile marketing masterclass 12snap

Webview: The fifth element

Xamarin cross platform

App forum2015 London - RhoMobile Update

Cross Platform Mobile App Development

Recently uploaded

Neo4j - How KGs are shaping the future of Generative AI at AWS Summit London ...Neo4j

Scaling API-first – The story of a global engineering organizationRadu Cotescu

Boost PC performance: How more available memory can improve productivityPrincipled Technologies

Breaking the Kubernetes Kill Chain: Host Path MountPuma Security, LLC

The Codex of Business Writing Software for Real-World Solutions 2.pptxMalak Abu Hammad

How to Troubleshoot Apps for the Modern Connected WorkerThousandEyes

Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...Neo4j

A Call to Action for Generative AI in 2024Results

Handwritten Text Recognition for manuscripts and early printed textsMaria Levchenko

Injustice - Developers Among Us (SciFiDevCon 2024)Allon Mureinik

IAC 2024 - IA Fast Track to Search Focused AI SolutionsEnterprise Knowledge

Finology Group – Insurtech Innovation Award 2024The Digital Insurer

GenCyber Cyber Security Day PresentationMichael W. Hawkins

Kalyanpur ) Call Girls in Lucknow Finest Escorts Service 🍸 8923113531 🎰 Avail...gurkirankumar98700

Axa Assurance Maroc - Insurer Innovation Award 2024The Digital Insurer

Histor y of HAM Radio presentation slidevu2urc

Slack Application Development 101 Slidespraypatel2

Driving Behavioral Change for Information Management through Data-Driven Gree...Enterprise Knowledge

Partners Life - Insurer Innovation Award 2024The Digital Insurer

CNv6 Instructor Chapter 6 Quality of Servicegiselly40

Recently uploaded (20)

Neo4j - How KGs are shaping the future of Generative AI at AWS Summit London ...

Scaling API-first – The story of a global engineering organization

Boost PC performance: How more available memory can improve productivity

Breaking the Kubernetes Kill Chain: Host Path Mount

The Codex of Business Writing Software for Real-World Solutions 2.pptx

How to Troubleshoot Apps for the Modern Connected Worker

Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...

A Call to Action for Generative AI in 2024

Handwritten Text Recognition for manuscripts and early printed texts

Injustice - Developers Among Us (SciFiDevCon 2024)

IAC 2024 - IA Fast Track to Search Focused AI Solutions

Finology Group – Insurtech Innovation Award 2024

GenCyber Cyber Security Day Presentation

Kalyanpur ) Call Girls in Lucknow Finest Escorts Service 🍸 8923113531 🎰 Avail...

Axa Assurance Maroc - Insurer Innovation Award 2024

Histor y of HAM Radio presentation slide

Slack Application Development 101 Slides

Driving Behavioral Change for Information Management through Data-Driven Gree...

Partners Life - Insurer Innovation Award 2024

CNv6 Instructor Chapter 6 Quality of Service

Mobile Web Development on Android

1. WEB DEVELOPMENT ON ANDROID TriDroid

3. 2006

4. WEB DEVELOPMENT IS HARD

5. WEB DEVELOPMENT IS HARD

6. WEB DEVELOPMENT IS HARD

7. MOBILE WEB DEVELOPMENT IS HARD

8. DEVICE ACTIVATION

10. &

11.

12. CHROME DEVICE EMULATION • Useragent Spoofing • Screen Resolution Matching • Device Pixel Ratio • Viewport Emulation • Text and Fonts • Touch Event • Geolocation Override • Device Orientation Override

13. DEMO

14. WEINRE extremely helpful but clunky and without seamless integration

15.

16.

17.

18.

19.

20. MOBILE WEB DEVELOPMENT IS HARD crippled webviews?

21. REMOTE DEBUGGING Using Chrome Dev Tools

22. DEMO

23. WEBVIEWS

24. VERSIONING HELL?!? Android Version Chrome Version KitKat 4.4.3 33 KitKat 4.4.2 30 Jelly Bean < 4.4.x ~8