Mobile JavaScript
javascriptz right in yo hands, mawfocker

token “me” slide
Web developer / Master Exploder at Nitobi Software
SFU graduate
Big fan of the open web
Bigger Canucks fan

Mobile: How’s it doing?
Browsing ~3% of all browsing takes
Today, by Device Category Trend place on a mobile device;
November, 2009 to September, 2010
Apparently 6% in Asia.
Month Desktop Mobile Consol
November, 2009 98.65% 0.04%
December, 2009 98.36% 0.05%
January, 2010 98.19% 0.05%

Browsers everywhere!

WebKit FTW
The major browser platform moving forward
Apple started it
Android jumped on
Even RIM pulled their head out of their ass and made
the switch

But...
Still have:
Internet Explorer Mobile; now
with extra non-compliance!
Old BlackBerry Browser, it’s so
bad it doesn’t have a name

so wtf do we do?
(other than drink beer)

codes that help
Peter Higgins’ has.js is rad
SunSpider is sweet
Sputnik is also neat

has.js
Peter Higgins, Dojo project lead, put this out there as of
JSConf.eu 2010.
A JavaScript feature detection library, using JavaScript.
http://github.com/phiggins42/has.js

SunSpider
A JavaScript benchmark.
Part of the WebKit project.

Sputnik
Google project, a JavaScript conformance test suite
against the ECMA-262 spec
Over 5000 tests

The numbers

Android (2.2)
has.js: apparently a few css and DOM tests fail!
function bind fails (?), and full <input> support is not
there. No es5 or svg.
SunSpider: 6121ms
Sputnik: All tests ran, 226/5246 failed (4.3%)

iPhone (4)
has.js: same css, dom and function bind issues as
Android. Better <input> support too. es5 is lacking, but
full SVG support (woot)?
SunSpider: 10252 ms
Sputnik: Crashed mobile safari... 3.7% tests fail
(137/3746)

Shitty BlackBerry, slide 1
BlackBerry OS 5.0

Shitty BlackBerry, slide 2
has.js results
array has no reduce or isarray methods, some regexp tests fail
no audio support, no canvas
there are lots of css bugs/lack of support: overflow, border-radius, transforms, text-
overflow, opacity.
super weak date support; no toisostring, now or tojson.
no native JSON tools (just grab json2.js from json.org)
no xhr upload events, any type of offline storage (OTHER THAN GEARS, YES!!!!)
no svg, video or vml

Shitty BlackBerry, slide 3
SunSpider and Sputnik
SunSpider: Didn’t finish, each test ran on average
4000ms (compared to Android’s ~100ms).
Sputnik: Can’t even get to the test runner!

BlackBerry 6 (WebKit)
has.js: better than both Android and iPhone. Full event
support (unlike Android/iPhone). Websockets and
worker support, that is fucking awesome. Full storage
options. SVG is super performant on it
SunSpider: 26131 ms
Sputnik: Crashed browser at 1%

Windows Phone 7
has.js: All array tests fail, no audio support,
getelementbyid ignores case, getelementsbytagname
returns comment nodes, so much more fail!
css bugs galore; see IE6.
no event.stopPropagation or preventDefault
BUT... VML!!!!
SunSpider: 145050 ms...
Sputnik: NOPE

Palm
has.js: pretty solid overall. createAttribute apparently
fails. canvas, audio, video works. sqlite and
localstorage options are there too.
SunSpider: 39193 ms
Sputnik: nope

Final words
Know your enemy
Pick your battles

BEER TIME NAO
Thanks!