Por curiosidade, tenho brincado com o jQuery para determinar o tamanho da tela do navegador, e me ocorreu que o tamanho da tela poderia ser usado para determinar se um visitante estava ou não usando um iPhone / iTouch para visualizar o site.

Então, usei o seguinte para testar isso:

$(document).ready(

    function() {

        var screenX = screen.width,
            screenY = screen.height;

        alert("X: " + screenX + " Y: " + screenY);

        if (screenX == 320 && screenY == 396) {
            $('div#wrap').css('background-color','#f00');
        }

        else if (screenY == 320 && screenX == 396) {
            $('div#wrap').css('background-color','#0f0');
        }
    }
);

Ao visualizar a página via iPhone, percebo que as dimensões são consistentes (independentemente da orientação):

x: 320, y: 396

Isso é independente da orientação. Ainda não tentei usar umonChange evento para detectar alterações (principalmente porque ainda sou muito novo no jQuery), mas me perguntei se havia uma maneira de determinar, via jQuery ou javascript simples, a orientação do iPhone / iTouch?