QuirksMode - for all your browser quirks · Created Date: 5/15/2012 1:26:34 PM
Transcript of QuirksMode - for all your browser quirks · Created Date: 5/15/2012 1:26:34 PM
![Page 1: QuirksMode - for all your browser quirks · Created Date: 5/15/2012 1:26:34 PM](https://reader033.fdocuments.us/reader033/viewer/2022060602/60570bc2bc25d84abb52dd08/html5/thumbnails/1.jpg)
The mobile platform world
Peter-Paul Kochhttp://quirksmode.orghttp://twitter.com/ppk
Mobilism, 10 May 2012
![Page 2: QuirksMode - for all your browser quirks · Created Date: 5/15/2012 1:26:34 PM](https://reader033.fdocuments.us/reader033/viewer/2022060602/60570bc2bc25d84abb52dd08/html5/thumbnails/2.jpg)
The Stack
OS
Device
Browser
![Page 3: QuirksMode - for all your browser quirks · Created Date: 5/15/2012 1:26:34 PM](https://reader033.fdocuments.us/reader033/viewer/2022060602/60570bc2bc25d84abb52dd08/html5/thumbnails/3.jpg)
The Stack
OS
Device
Browser
![Page 4: QuirksMode - for all your browser quirks · Created Date: 5/15/2012 1:26:34 PM](https://reader033.fdocuments.us/reader033/viewer/2022060602/60570bc2bc25d84abb52dd08/html5/thumbnails/4.jpg)
The Stack
OS
Device
Browser
![Page 5: QuirksMode - for all your browser quirks · Created Date: 5/15/2012 1:26:34 PM](https://reader033.fdocuments.us/reader033/viewer/2022060602/60570bc2bc25d84abb52dd08/html5/thumbnails/5.jpg)
The Stack
OS
Device
Browser
S40
![Page 6: QuirksMode - for all your browser quirks · Created Date: 5/15/2012 1:26:34 PM](https://reader033.fdocuments.us/reader033/viewer/2022060602/60570bc2bc25d84abb52dd08/html5/thumbnails/6.jpg)
The Stack
OS
Device
Browser
S40
![Page 7: QuirksMode - for all your browser quirks · Created Date: 5/15/2012 1:26:34 PM](https://reader033.fdocuments.us/reader033/viewer/2022060602/60570bc2bc25d84abb52dd08/html5/thumbnails/7.jpg)
The Stack
OS
Device
Browser?
![Page 8: QuirksMode - for all your browser quirks · Created Date: 5/15/2012 1:26:34 PM](https://reader033.fdocuments.us/reader033/viewer/2022060602/60570bc2bc25d84abb52dd08/html5/thumbnails/8.jpg)
The Stack
OS
Device
Browser?Tizen
![Page 9: QuirksMode - for all your browser quirks · Created Date: 5/15/2012 1:26:34 PM](https://reader033.fdocuments.us/reader033/viewer/2022060602/60570bc2bc25d84abb52dd08/html5/thumbnails/9.jpg)
The Stack
OS
Device
Browser
Tizen
![Page 10: QuirksMode - for all your browser quirks · Created Date: 5/15/2012 1:26:34 PM](https://reader033.fdocuments.us/reader033/viewer/2022060602/60570bc2bc25d84abb52dd08/html5/thumbnails/10.jpg)
The Stack
OS
Device
Browser
Tizen
Connection
![Page 11: QuirksMode - for all your browser quirks · Created Date: 5/15/2012 1:26:34 PM](https://reader033.fdocuments.us/reader033/viewer/2022060602/60570bc2bc25d84abb52dd08/html5/thumbnails/11.jpg)
The Stack
OS
Device
Browser
Tizen
Connection
![Page 12: QuirksMode - for all your browser quirks · Created Date: 5/15/2012 1:26:34 PM](https://reader033.fdocuments.us/reader033/viewer/2022060602/60570bc2bc25d84abb52dd08/html5/thumbnails/12.jpg)
The Stack
OS
Device
Browser
Connection
![Page 13: QuirksMode - for all your browser quirks · Created Date: 5/15/2012 1:26:34 PM](https://reader033.fdocuments.us/reader033/viewer/2022060602/60570bc2bc25d84abb52dd08/html5/thumbnails/13.jpg)
The Stack
Income
OS
Device
Browser
![Page 14: QuirksMode - for all your browser quirks · Created Date: 5/15/2012 1:26:34 PM](https://reader033.fdocuments.us/reader033/viewer/2022060602/60570bc2bc25d84abb52dd08/html5/thumbnails/14.jpg)
The Stack
Subsidies
Income
OS
Browser
Sales
![Page 15: QuirksMode - for all your browser quirks · Created Date: 5/15/2012 1:26:34 PM](https://reader033.fdocuments.us/reader033/viewer/2022060602/60570bc2bc25d84abb52dd08/html5/thumbnails/15.jpg)
The Stack
Subsidies
Income
OS
Browser
Sales
![Page 16: QuirksMode - for all your browser quirks · Created Date: 5/15/2012 1:26:34 PM](https://reader033.fdocuments.us/reader033/viewer/2022060602/60570bc2bc25d84abb52dd08/html5/thumbnails/16.jpg)
just because they can
Meddle
The Stack
Subsidies
Income
Sales
OS
![Page 17: QuirksMode - for all your browser quirks · Created Date: 5/15/2012 1:26:34 PM](https://reader033.fdocuments.us/reader033/viewer/2022060602/60570bc2bc25d84abb52dd08/html5/thumbnails/17.jpg)
just because they can
Meddle
The Stack
Subsidies
Income
Sales
![Page 18: QuirksMode - for all your browser quirks · Created Date: 5/15/2012 1:26:34 PM](https://reader033.fdocuments.us/reader033/viewer/2022060602/60570bc2bc25d84abb52dd08/html5/thumbnails/18.jpg)
just because they can
Meddle
The Stack
Subsidies
Income
Sales
Tizen
![Page 19: QuirksMode - for all your browser quirks · Created Date: 5/15/2012 1:26:34 PM](https://reader033.fdocuments.us/reader033/viewer/2022060602/60570bc2bc25d84abb52dd08/html5/thumbnails/19.jpg)
It’s complicated
The Stack
![Page 20: QuirksMode - for all your browser quirks · Created Date: 5/15/2012 1:26:34 PM](https://reader033.fdocuments.us/reader033/viewer/2022060602/60570bc2bc25d84abb52dd08/html5/thumbnails/20.jpg)
Mobile browsers• Safari
• Android WebKit
• Samsung Dolfin
• BlackBerry WebKit
• Opera Mobile
• Opera Mini
• Nokia WebKit
• Ovi
• Palm WebKit
• IE
• MeeGo WebKit
• Firefox
• Obigo WebKit
• BlackBerry old
• NetFront
• UC Browser
• Bolt
• Silk
You may groan now
![Page 21: QuirksMode - for all your browser quirks · Created Date: 5/15/2012 1:26:34 PM](https://reader033.fdocuments.us/reader033/viewer/2022060602/60570bc2bc25d84abb52dd08/html5/thumbnails/21.jpg)
Mobile browsers• Safari
• Android WebKit
• Dolfin
• BlackBerry WebKit
• Opera Mobile
• Opera Mini
• Nokia WebKit
• Ovi
• Palm WebKit
• IE
• MeeGo WebKit
• Firefox
• Obigo WebKit
• BlackBerry old
• NetFront
• UC Browser
• Bolt
• Silk
WebKit-based
![Page 22: QuirksMode - for all your browser quirks · Created Date: 5/15/2012 1:26:34 PM](https://reader033.fdocuments.us/reader033/viewer/2022060602/60570bc2bc25d84abb52dd08/html5/thumbnails/22.jpg)
There is no single WebKitNot all WebKits have hardware-accelerated animations. That requires good access to a high-power GPU, and not all devices provide that.
Similarly, interfaces for the network stack, mouse, keyboard, and threading system, must be written separately for each browser.
And not everyone uses the same WebKit version.
See http://quirksmode.org/webkit.html
![Page 23: QuirksMode - for all your browser quirks · Created Date: 5/15/2012 1:26:34 PM](https://reader033.fdocuments.us/reader033/viewer/2022060602/60570bc2bc25d84abb52dd08/html5/thumbnails/23.jpg)
Proxy browsers• A proxy browser leaves the fetching and
rendering of resources to a server.
• The client receives a compressed bitmap.
• Advantage: cheap device and low data costs
• Disadvantage: no client-side interaction. Every JavaScript call requires a server request.
![Page 24: QuirksMode - for all your browser quirks · Created Date: 5/15/2012 1:26:34 PM](https://reader033.fdocuments.us/reader033/viewer/2022060602/60570bc2bc25d84abb52dd08/html5/thumbnails/24.jpg)
Proxy browsers• Safari
• Android WebKit
• Dolfin
• BlackBerry WebKit
• Opera Mobile
• Opera Mini
• Nokia WebKit
• Ovi
• Palm WebKit
• IE
• MeeGo WebKit
• Firefox
• Obigo WebKit
• BlackBerry old
• NetFront
• UC Browser
• Bolt
• Silk
![Page 25: QuirksMode - for all your browser quirks · Created Date: 5/15/2012 1:26:34 PM](https://reader033.fdocuments.us/reader033/viewer/2022060602/60570bc2bc25d84abb52dd08/html5/thumbnails/25.jpg)
Setting up a device lab• Save about $100 per month. That allows
you to buy two devices per year
• Buy a non-iPhone, non-Android
• Buy a non-touchscreen
• Buy an Android from a different vendor
• Install Opera Mini
• Swap devices with other companies or freelancers in your area
• Coordinate with them when buying new devices
![Page 26: QuirksMode - for all your browser quirks · Created Date: 5/15/2012 1:26:34 PM](https://reader033.fdocuments.us/reader033/viewer/2022060602/60570bc2bc25d84abb52dd08/html5/thumbnails/26.jpg)
Thank youI’ll put these slides online
Questions?Peter-Paul Koch
http://quirksmode.orghttp://twitter.com/ppk
Mobilism, 10 May 2012