Ipad 3 экран с JavaScript

Question

Что JavaScript вытаскивать с:

screen.width 

и

screen.height 

на Ipad 3? Это:

1024x768 

Есть ли ширина 2048x1536 ширина/высота?

Answer 1

1024x768 так, чтобы размеры были согласованы между устройствами.

Answer 2

Разрешение iPad 3 составляет 2048 × 1536 пикселей, что в два раза превышает текущее разрешение iPad.

Это агент пользователя из IPADS:

IPad:

Mozilla/5.0 (iPad; U; CPU OS 4_3 like Mac OS X; en-us) AppleWebKit/533.17.9 (KHTML, like Gecko) Version/5.0.2 Mobile/8F190 Safari/6533.18.5 

iPad2:

Mozilla/5.0 (iPad; U; CPU OS 4_3 like Mac OS X; en-us) AppleWebKit/533.17.9 (KHTML, like Gecko) Version/5.0.2 Mobile/8F191 Safari/6533.18.5 

iPad3: ??

Существует способ, что вы можете обнаружить, если пользователь используется устройство IPad:

// For use within normal web clients 
var isiPad = navigator.userAgent.match(/iPad/i) != null; 

// For use within iPad developer UIWebView 
// Thanks to Andrew Hedges! 
var ua = navigator.userAgent; 
var isiPad = /iPad/i.test(ua) || /iPhone OS 3_1_2/i.test(ua) || /iPhone OS 3_2_2/i.test(ua); 

Но, я думаю, что правильный подход создать интерфейс на основе разрешения пользователя и не пользовательское устройство. Вы можете прочитать больше о Отзывчивый веб-дизайн, ваши посетители должны любить :)

Bonus Существует инструмент, который вы можете испытать вас «отзывчивым» дизайн во всех разрешениях одновременно: http://mattkersley.com/responsive/