Detect the specific iPhone/iPod touch model in Javascript

Question

I am developing a website for Apple i* devices which uses HTML5 webkit features like transitions but I want to disable some of the fancy stuff for older/slower iPhone models like iPhone < 3GS and iPod touch < 3rd Gen because on those devices the transitions are too slow.

Is there a way to detect the exact model (not just the OS/User Agent) within Javascript?

Answer 1

I guess there is no existing way doing this, but you can run some code snippets to estimate the performance of the end model.

Answer 2

I would time the first transition and if was an unsatisfactory result, set a cookie to no longer use them.

Answer 3

Not really answering your question but have you looked at http://www.jqtouch.com/ Might help abstract you from some of this.

Answer 4

This appears to work, at least to determine between 2 and 3g and 3gs... Don't know how to figure out if it is a 4g yet...

var percentmobile_t = new Date().getTime();
var percentmobile_s = 0;
while(new Date().getTime() - percentmobile_t < 20)
{
    Math.random();
    percentmobile_s++;
}
_is2_or_3g = (percentmobile_s < 1000);

Answer 5

If it is a webapp you could use an external library like http://www.handsetdetection.com/