Mobile Browser Wars
Sven Wolfermann | maddesigns


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

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?

List of browser-specific workarounds that jQuery addresses
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
Testing and Debugging Responsive Web Design (Slides)
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)

Mobile browsers in other countries (Asia)

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

Game console browsers HTML5/CSS3/Acid3 Tests
