Из любопытства я играл с jQuery, чтобы определить размер экрана браузера, и мне пришло в голову, что размер экрана можно использовать для определения того, пользовался ли посетитель iPhone/iTouch посетителем сайта.
Поэтому для проверки этого я использовал следующее:
$(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');
}
}
);
При просмотре страницы через iPhone я замечаю, что размеры последовательно (независимо от ориентации):
x: 320, y: 396
Это независимо от ориентации. Я еще не пытался использовать событие onChange
для обнаружения изменений (главным образом потому, что я еще новичок в jQuery), но я задавался вопросом, существует ли способ определить через jQuery или простой javascript Ориентация iPhone/iTouch?