Mobile Browser Wars
Browser Wars History
Browser Wars History
Browser Wars History
Browser Wars History
Chrome joins the party (December 11, 2008)
Browser War in the Mobile Age
- App vs. Web
- iOS vs. Android
- IE in 2012 (IE10) is really good
- WindowsPhone8
- Blackberry?
Browser War in the Mobile Age
- Chrome forking WebKit, called it Blink (2013)
- Blink (Chrome, Opera) vs. WebKit (Safari)
“Problem” RWD (Multi-Device)
Problem of Cross Browser Support
- no more IE only bugs
- desktop == mobile browser
- in general there are more mobile browsers than desktop browsers
- Overview by PPK
Mobile Browsers
iOS Browsers
- only iOS Browser engine (WebKit)
- or Proxy Browser (Opera Mini)
Android Browsers
many many browsers
WindowsPhone Browsers
IE engine only (Trident)
Top Mobile & Tablet Browsers Worldwide
Dec 2013 to Feb 2014
Source: http://gs.statcounter.com/
Top Mobile & Tablet Browsers Worldwide
Aug 2012 to Mar 2014
Android Problems
Update possibilities
Problems:
- Release Circle
- Android 2.3
- WebView
- Device Power / Network / Performance
Android ≠ Android
Problems: different system fonts
Caniuse.com – compare HTML5/CSS3 Features
Big browser feature differences
- CSS calc() [and Bugs]
- Performance API
- Filter
Problems
- SVG!
- SVG fragment identifier
- position: fixed
- position: sticky
- Viewport Units
- @media height Android/Safari
- touch/pointer-events
- object-fit
- form validation
- IndexDB / WebSQL
“Safari on iOS 7 is the buggiest version”
You might not need jQuery?
Responsive Images
RICG so: <picture>
WebKit so: Meh! srcset!
<img src="normal-image.jpg" srcset="better-image.jpg 2x">
Chrome 34 will have srcset too, Firefox working on it
next step: <picture> with srcset
Testing/Debugging
- vendor prefixed or not
- Device/Implementation Bugs
WebShims
by Alex Farkas
Webshim is a polyfill library that enables you to reliably use HTML5 features across browsers, even if native support is lacking.
What will bring the Future?
no Regions? / no Shadow DOM?
Other Countries, Other Browsers
Mobile browsers in other countries (Europe)
Source: http://gs.statcounter.com/
Mobile browsers in other countries (Asia)
Source: http://gs.statcounter.com/
UC Browser
No1 browser in China and India
Firefox OS Web APIs
- Vibration API
- Screen Orientation
- Geolocation API
- Mouse Lock API
- Open WebApps
- Network Information API
- Battery Status API
- Alarm API
- Web Activities
- Push Notifications API
- WebFM API
- WebPayment
- IndexedDB
- Ambient light sensor
- Proximity API
- ...
Old Mobile Browsers/Proxy Browser/Future Browsers
- Feature Phones
- Opera Mini
- Nokia Xpress
- Samsung Tizen
Console Browsers / TV Browsers
Playing with Game Console Browsers by Anna Debenham
-
Thanks for your attention!
-
Sven Wolfermann | maddesigns
Twitter: @maddesigns
Web: http://maddesigns.de