The mobile platform world - Quirks ModeSetting up a device lab • Save about $100 per month. That...
Transcript of The mobile platform world - Quirks ModeSetting up a device lab • Save about $100 per month. That...
![Page 1: The mobile platform world - Quirks ModeSetting 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](https://reader034.fdocuments.in/reader034/viewer/2022052613/605153206d4c410e255dbb87/html5/thumbnails/1.jpg)
The mobile platform world
Peter-Paul Kochhttp://quirksmode.orghttp://twitter.com/ppk
Breaking Development, 16 April 2012
![Page 2: The mobile platform world - Quirks ModeSetting 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](https://reader034.fdocuments.in/reader034/viewer/2022052613/605153206d4c410e255dbb87/html5/thumbnails/2.jpg)
The Stack
OS
Device
Browser
![Page 3: The mobile platform world - Quirks ModeSetting 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](https://reader034.fdocuments.in/reader034/viewer/2022052613/605153206d4c410e255dbb87/html5/thumbnails/3.jpg)
The Stack
OS
Device
Browser
![Page 4: The mobile platform world - Quirks ModeSetting 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](https://reader034.fdocuments.in/reader034/viewer/2022052613/605153206d4c410e255dbb87/html5/thumbnails/4.jpg)
The Stack
OS
Device
Browser
![Page 5: The mobile platform world - Quirks ModeSetting 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](https://reader034.fdocuments.in/reader034/viewer/2022052613/605153206d4c410e255dbb87/html5/thumbnails/5.jpg)
The Stack
OS
Device
Browser
S40
![Page 6: The mobile platform world - Quirks ModeSetting 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](https://reader034.fdocuments.in/reader034/viewer/2022052613/605153206d4c410e255dbb87/html5/thumbnails/6.jpg)
The Stack
OS
Device
Browser
S40
![Page 7: The mobile platform world - Quirks ModeSetting 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](https://reader034.fdocuments.in/reader034/viewer/2022052613/605153206d4c410e255dbb87/html5/thumbnails/7.jpg)
The Stack
OS
Device
Browser?
![Page 8: The mobile platform world - Quirks ModeSetting 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](https://reader034.fdocuments.in/reader034/viewer/2022052613/605153206d4c410e255dbb87/html5/thumbnails/8.jpg)
The Stack
OS
Device
Browser?Tizen
![Page 9: The mobile platform world - Quirks ModeSetting 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](https://reader034.fdocuments.in/reader034/viewer/2022052613/605153206d4c410e255dbb87/html5/thumbnails/9.jpg)
The Stack
OS
Device
Browser
Tizen
![Page 10: The mobile platform world - Quirks ModeSetting 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](https://reader034.fdocuments.in/reader034/viewer/2022052613/605153206d4c410e255dbb87/html5/thumbnails/10.jpg)
The Stack
OS
Device
Browser
Tizen
Connection
![Page 11: The mobile platform world - Quirks ModeSetting 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](https://reader034.fdocuments.in/reader034/viewer/2022052613/605153206d4c410e255dbb87/html5/thumbnails/11.jpg)
The Stack
OS
Device
Browser
Tizen
Connection
![Page 12: The mobile platform world - Quirks ModeSetting 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](https://reader034.fdocuments.in/reader034/viewer/2022052613/605153206d4c410e255dbb87/html5/thumbnails/12.jpg)
The Stack
OS
Device
Browser
Connection
![Page 13: The mobile platform world - Quirks ModeSetting 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](https://reader034.fdocuments.in/reader034/viewer/2022052613/605153206d4c410e255dbb87/html5/thumbnails/13.jpg)
The Stack
Income
OS
Device
Browser
![Page 14: The mobile platform world - Quirks ModeSetting 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](https://reader034.fdocuments.in/reader034/viewer/2022052613/605153206d4c410e255dbb87/html5/thumbnails/14.jpg)
The Stack
Subsidies
Income
OS
Browser
Sales
![Page 15: The mobile platform world - Quirks ModeSetting 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](https://reader034.fdocuments.in/reader034/viewer/2022052613/605153206d4c410e255dbb87/html5/thumbnails/15.jpg)
The Stack
Subsidies
Income
OS
Browser
Sales
![Page 16: The mobile platform world - Quirks ModeSetting 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](https://reader034.fdocuments.in/reader034/viewer/2022052613/605153206d4c410e255dbb87/html5/thumbnails/16.jpg)
just because they can
Meddle
The Stack
Subsidies
Income
Sales
OS
![Page 17: The mobile platform world - Quirks ModeSetting 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](https://reader034.fdocuments.in/reader034/viewer/2022052613/605153206d4c410e255dbb87/html5/thumbnails/17.jpg)
just because they can
Meddle
The Stack
Subsidies
Income
Sales
![Page 18: The mobile platform world - Quirks ModeSetting 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](https://reader034.fdocuments.in/reader034/viewer/2022052613/605153206d4c410e255dbb87/html5/thumbnails/18.jpg)
just because they can
Meddle
The Stack
Subsidies
Income
Sales
Tizen
![Page 19: The mobile platform world - Quirks ModeSetting 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](https://reader034.fdocuments.in/reader034/viewer/2022052613/605153206d4c410e255dbb87/html5/thumbnails/19.jpg)
It’s complicated
The Stack
![Page 20: The mobile platform world - Quirks ModeSetting 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](https://reader034.fdocuments.in/reader034/viewer/2022052613/605153206d4c410e255dbb87/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: The mobile platform world - Quirks ModeSetting 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](https://reader034.fdocuments.in/reader034/viewer/2022052613/605153206d4c410e255dbb87/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: The mobile platform world - Quirks ModeSetting 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](https://reader034.fdocuments.in/reader034/viewer/2022052613/605153206d4c410e255dbb87/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: The mobile platform world - Quirks ModeSetting 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](https://reader034.fdocuments.in/reader034/viewer/2022052613/605153206d4c410e255dbb87/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: The mobile platform world - Quirks ModeSetting 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](https://reader034.fdocuments.in/reader034/viewer/2022052613/605153206d4c410e255dbb87/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: The mobile platform world - Quirks ModeSetting 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](https://reader034.fdocuments.in/reader034/viewer/2022052613/605153206d4c410e255dbb87/html5/thumbnails/25.jpg)
Which browsers?• Safari
• Android
• Opera Mini
• BlackBerry (6+)
• Samsung Dolfin (because it’s easy)
• Opera Mobile (because it’s easy)
![Page 26: The mobile platform world - Quirks ModeSetting 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](https://reader034.fdocuments.in/reader034/viewer/2022052613/605153206d4c410e255dbb87/html5/thumbnails/26.jpg)
What we need to know• Screen size
• Connection speed (Not connection type! Wifi can be slow, 3G can be fast.)
• Information about memory and processor
Unfortunately the browsers only give the screen size;
and that only in JavaScript
while your server needs to know, too.
![Page 27: The mobile platform world - Quirks ModeSetting 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](https://reader034.fdocuments.in/reader034/viewer/2022052613/605153206d4c410e255dbb87/html5/thumbnails/27.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 28: The mobile platform world - Quirks ModeSetting 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](https://reader034.fdocuments.in/reader034/viewer/2022052613/605153206d4c410e255dbb87/html5/thumbnails/28.jpg)
Thank youI’ll put these slides online
Questions?Peter-Paul Koch
http://quirksmode.orghttp://twitter.com/ppk
Breaking Development, 16 April 2012