Привет, ребята. Так вышло, что мы сейчас разрабатываем новую, пятую версию нашего сайта. Она будет намного лучше и удобней, особенно на планшетах, телефонах и смартфонах. Но нам потребовалась ваша помощь. Я написал специальный тест, вам нужно его открыть на своем мобильном устройстве в альбомной ориентации и скопировать текст, написанный красным цветом (серый текст не трогайте, это просто для набора ширины страницы). Затем переведите устройство в портретную ориентацию, обновите страницу и снова скопируйте красный текст.
Таким образом, меня интересуют два красных текста — для альбомной и портретной ориентаций (не забудьте обновить страницу), а так же короткие сведения о вашем устройстве — модель и версия операционной системы. Меня интересуют самые разные устройства — симбиан, андроид, планшеты всех сортов, в общем, все, до чего вы сможете дотянуться. Ваша помощь поможет мне улучшить отображение Трешбокса именно на вашем устройстве, поэтому не проходите мимо. И да, вывод на компьютерах меня не интересует, разве что кроме макбуков с дисплеем ретина. Только смартфоны, планшеты и телефоны. При этом, желательно сделать все в стандартном браузере, и опционально — в опере мобайл или гугл хроме, но приоритетней увидеть вывод в стандартном браузере.
Отправляйте то что получилось в комментарии к этому топику примерно в таком виде:
Samsung Galaxy Tab 7.7, Android 4.0.4
Портретная:
Автоопределена: портретная
@media: 960
window.matchMedia: function matchMedia() {[native code]}
window.innerWidth: 960
DevicePixelRatio: 1
Mozilla/5.0 (X11; Ubuntu; Linux x86_64; rv:18.0) Gecko/20100101 Firefox/18.0
Альбомная:
Автоопределена: альбомная
@media: 1855
window.matchMedia: function matchMedia() {[native code]}
window.innerWidth: 1855
DevicePixelRatio: 1
Mozilla/5.0 (X11; Ubuntu; Linux x86_64; rv:18.0) Gecko/20100101 Firefox/18.0
Еще раз ссылка на тест:
UPD: Господа, спасибо за участие в тесте — пришло много ответов. С Symbian все ясно и понятно. Спасибо всем, кто прислал ответы. Я перечислю список устройств, которые мне интересно увидеть в этом тесте:
- Аппараты на платформе Bada
- Аппараты на андроиде 1.6, 2.1, 2.2 — стандартный браузер
- Аппараты на Windows Phone 8
- Iphone 3GS и ниже
- Планшеты на андроиде с расширением экрана 1280х720 и выше, особенно ASUS TF700, Nexus 7, Nexus 10 и тому подобные.
Кроме того, интересно будет увидеть побольше устройств на андроиде — разные экраны, большие и маленькие.
Портрет:
@media: 240
Автоопределена: портретная
window.matchMedia: undefined
window.innerWidth: 240
DevicePixelRatio: 1
Opera/9.80 (S60; SymbOS; Opera Mobi/SYB-1204232258; U; en-GB) Presto/2.10.254 Version/12.00
Альбом:
@media: 320
Автоопределена: альбомная
window.matchMedia: undefined
window.innerWidth: 0
DevicePixelRatio: 1
Opera/9.80 (S60; SymbOS; Opera Mobi/SYB-1204232258; U; en-GB) Presto/2.10.254 Version/12.00
Когда экран перевернул, то автоопределение менялось, не обновляя страницу
Google Chrome
@media: 640
Автоопределена: альбомная
window.matchMedia: function matchMedia() { [native code] }
window.innerWidth: 0
DevicePixelRatio: 2
Mozilla/5.0 (Linux; Android 4.0.4; GT-N7000 Build/IMM76D) AppleWebKit/535.19 (KHTML, like Gecko) Chrome/18.0.1025.166 Mobile Safari/535.19
@media: 400
Автоопределена: портретная
window.matchMedia: function matchMedia() { [native code] }
window.innerWidth: 400
DevicePixelRatio: 2
Mozilla/5.0 (Linux; Android 4.0.4; GT-N7000 Build/IMM76D) AppleWebKit/535.19 (KHTML, like Gecko) Chrome/18.0.1025.166 Mobile Safari/535.19
Android browser
@media: 640
Автоопределена: альбомная
window.matchMedia: function matchMedia() { [native code] }
window.innerWidth: 640
DevicePixelRatio: 2
Mozilla/5.0 (Linux; U; Android 4.0.4; ru-ru; GT-N7000 Build/IMM76D) AppleWebKit/534.30 (KHTML, like Gecko) Version/4.0 Mobile Safari/534.30
@media: 400
Автоопределена: портретная
window.matchMedia: function matchMedia() { [native code] }
window.innerWidth: 400
DevicePixelRatio: 2
Mozilla/5.0 (Linux; U; Android 4.0.4; ru-ru; GT-N7000 Build/IMM76D) AppleWebKit/534.30 (KHTML, like Gecko) Version/4.0 Mobile Safari/534.30
Viewsonic gTablet
Google Chrome
Автоопределена: альбомная
window.matchMedia: function matchMedia() { [native code] }
window.innerWidth: 1365
DevicePixelRatio: 0.75
Mozilla/5.0 (Linux; Android 4.1.2; Malata SMBA1002 Build/JZO54K) AppleWebKit/535.19 (KHTML, like Gecko) Chrome/18.0.1025.166 Safari/535.19
@media: 800
Автоопределена: портретная
window.matchMedia: function matchMedia() { [native code] }
window.innerWidth: 799
DevicePixelRatio: 0.75
Mozilla/5.0 (Linux; Android 4.1.2; Malata SMBA1002 Build/JZO54K) AppleWebKit/535.19 (KHTML, like Gecko) Chrome/18.0.1025.166 Safari/535.19
Android browser
Автоопределена: альбомная
window.matchMedia: function matchMedia() { [native code] }
window.innerWidth: 1365
DevicePixelRatio: 0.75
Mozilla/5.0 (Linux; U; Android 4.1.2; ru-ru; Malata SMBA1002 Build/JZO54K; CyanogenMod-10) AppleWebKit/534.30 (KHTML, like Gecko) Version/4.0 Mobile Safari/534.30
@media: 800
Автоопределена: портретная
window.matchMedia: function matchMedia() { [native code] }
window.innerWidth: 800
DevicePixelRatio: 0.75
Mozilla/5.0 (Linux; U; Android 4.1.2; ru-ru; Malata SMBA1002 Build/JZO54K; CyanogenMod-10) AppleWebKit/534.30 (KHTML, like Gecko) Version/4.0 Mobile Safari/534.30
Acer liquid E
Google chrome
@media: 533
Автоопределена: альбомная
window.matchMedia: function matchMedia() { [native code] }
window.innerWidth: 532
DevicePixelRatio: 1.5
Mozilla/5.0 (Linux; Android 4.0.4; A1 Build/IMM76L) AppleWebKit/535.19 (KHTML, like Gecko) Chrome/18.0.1025.166 Mobile Safari/535.19
@media: 320
Автоопределена: портретная
window.matchMedia: function matchMedia() { [native code] }
window.innerWidth: 319
DevicePixelRatio: 1.5
Mozilla/5.0 (Linux; Android 4.0.4; A1 Build/IMM76L) AppleWebKit/535.19 (KHTML, like Gecko) Chrome/18.0.1025.166 Mobile Safari/535.19
Android browser
@media: 533
Автоопределена: альбомная
window.matchMedia: function matchMedia() { [native code] }
window.innerWidth: 533
DevicePixelRatio: 1.5
Mozilla/5.0 (Linux; U; Android 4.0.4; ru-ru; A1 Build/IMM76L; CyanogenMod-9) AppleWebKit/534.30 (KHTML, like Gecko) Version/4.0 Mobile Safari/534.30
@media: 320
Автоопределена: портретная
window.matchMedia: function matchMedia() { [native code] }
window.innerWidth: 320
DevicePixelRatio: 1.5
Mozilla/5.0 (Linux; U; Android 4.0.4; ru-ru; A1 Build/IMM76L; CyanogenMod-9) AppleWebKit/534.30 (KHTML, like Gecko) Version/4.0 Mobile Safari/534.30
Samsung duos Y
Android browser
@media: 427
Автоопределена: альбомная
window.matchMedia: undefined
window.innerWidth: 427
DevicePixelRatio: 0.75
Mozilla/5.0 (Linux; U; Android 2.3.6; en-gb; GT-S6102 Build/GINGERBREAD) AppleWebKit/533.1 (KHTML, like Gecko) Version/4.0 Mobile Safari/533.1
@media: 320
Автоопределена: портретная
window.matchMedia: undefined
window.innerWidth: 320
DevicePixelRatio: 0.75
Mozilla/5.0 (Linux; U; Android 2.3.6; en-gb; GT-S6102 Build/GINGERBREAD) AppleWebKit/533.1 (KHTML, like Gecko) Version/4.0 Mobile Safari/533.1
Opera 12
@media: 320
Автоопределена: портретная
window.matchMedia: function matchMedia() { [native code] }window.innerWidth: 320
DevicePixelRatio: 1.5
Opera/9.80 (X11; Linux zbov) Presto/2.11.355 Version/12.10
@media: 534
Автоопределена: альбомная
window.matchMedia: function matchMedia() { [native code] }window.innerWidth: 320
DevicePixelRatio: 1.5
Opera/9.80 (X11; Linux zbov) Presto/2.11.355 Version/12.10
Standart
@media: 320
Автоопределена: портретная
window.matchMedia: undefined
window.innerWidth: 320
DevicePixelRatio: 1.5
Mozilla/5.0 (Linux; U; Android 2.3.4; ru-ru; LG-E730 Build/GRJ22) AppleWebKit/533.1 (KHTML, like Gecko) Version/4.0 Mobile Safari/533.1 MMS/LG-Android-MMS-V1.2
@media: 533
Автоопределена: альбомная
window.matchMedia: undefined
window.innerWidth: 533
DevicePixelRatio: 1.5
Mozilla/5.0 (Linux; U; Android 2.3.4; ru-ru; LG-E730 Build/GRJ22) AppleWebKit/533.1 (KHTML, like Gecko) Version/4.0 Mobile Safari/533.1 MMS/LG-Android-MMS-V1.2
@media: 480
Автоопределена: альбомная
window.matchMedia: function matchMedia() { [native code] }
window.innerWidth: 320
DevicePixelRatio: 1
Opera/9.80 (Android 4.0.3; Linux; Opera Mobi/ADR-1301080958) Presto/2.11.355 Version/12.10
@media: 320
Автоопределена: портретная
window.matchMedia: function matchMedia() { [native code] }
window.innerWidth: 320
DevicePixelRatio: 1
Opera/9.80 (Android 4.0.3; Linux; Opera Mobi/ADR-1301080958) Presto/2.11.355 Version/12.10
@media: 600
window.innerWidth: 600
DevicePixelRatio: 1.3312499523162842
Mozilla/5.0 (Linux; Android 4.2.1; Nexus 7 Build/JOP40D) AppleWebKit/535.19 (KHTML, like Gecko) Chrome/18.0.1025.166 Safari/535.19
window.innerWidth: 600
DevicePixelRatio: 1.3312499523162842
Mozilla/5.0 (Linux; Android 4.2.1; Nexus 7 Build/JOP40D) AppleWebKit/535.19 (KHTML, like Gecko) Chrome/18.0.1025.166 Safari/535.19
@media: 360
Автоопределена: портретная
window.matchMedia: undefined
window.innerWidth: 360
DevicePixelRatio: 1
Mozzilla/5.0 (SymbianOS/9.4;
Series60/5.0 Nokia5228/51.1.002;
Profile/MIDP-2.1
Configuration/CLDC-1.1 )
AppleWebKit/533.4 (KHTML, like
Gecko NokiaBrowser/7.3.1.33
Mobile Safari/533.4 3gpp-gba
Samsung galaxy wonder GT-8150 android 4.0.4 CyanogenMod 9
с измененного кианогена браузерами которыми пользуюсь опера да сафари
Сафари
@media: 320 Автоопределена: портретная
window.matchMedia: function matchMedia() { [native code] }
window.innerWidth: 320
DevicePixelRatio: 1.5
Mozilla/5.0 (Linux; U; Android 4.0.4; ru-ru; GT-I8150 Build/IMM76L; CyanogenMod-9) AppleWebKit/534.30 (KHTML, like Gecko) Version/4.0 Mobile Safari/534.30
@media: 533 Автоопределена: альбомная
window.matchMedia: function matchMedia() { [native code] }
window.innerWidth: 533
DevicePixelRatio: 1.5
Mozilla/5.0 (Linux; U; Android 4.0.4; ru-ru; GT-I8150 Build/IMM76L; CyanogenMod-9) AppleWebKit/534.30 (KHTML, like Gecko) Version/4.0 Mobile Safari/534.30
и Опера:
@media: 283Автоопределена: портретная
window.matchMedia: undefined
window.innerWidth: 283
DevicePixelRatio: 1
Opera/9.80 (Android; OperaMini/7.5.32193/28.3590; U; ru)Presto/2.8.119 Version/11.10
@media: 471Автоопределена: альбомная
window.matchMedia: undefined
window.innerWidth: 471
DevicePixelRatio: 1
Opera/9.80 (Android; Opera Mini/7.5.32193/28.3590; U; ru)Presto/2.8.119 Version/11.10
@media: 360Автоопределена: портретнаяwindow.matchMedia: function matchMedia() { [native code] }window.innerWidth: 360DevicePixelRatio: 2Mozilla/5.0 (Linux; U; Android 4.1.1; ru-ru; GT-N7100 Build/JRO03C) AppleWebKit/534.30 (KHTML, like Gecko) Version/4.0 Mobile Safari/534.30
@media: 640Автоопределена: альбомнаяwindow.matchMedia: function matchMedia() { [native code] }window.innerWidth: 640DevicePixelRatio: 2Mozilla/5.0 (Linux; U; Android 4.1.1; ru-ru; GT-N7100 Build/JRO03C) AppleWebKit/534.30 (KHTML, like Gecko) Version/4.0 Mobile Safari/534.30
window.innerWidth: 360
DevicePixelRatio: 2
Mozilla/5.0 (Linux; Android 4.1.2; GT-I9300 Build/JZO54K) AppleWebKit/535.19 (KHTML, like Gecko) Chrome/18.0.1025.166 Mobile Safari/535.19
window.innerWidth: 360
DevicePixelRatio: 2
Mozilla/5.0 (Linux; Android 4.1.2; GT-I9300 Build/JZO54K) AppleWebKit/535.19 (KHTML, like Gecko) Chrome/18.0.1025.166 Mobile Safari/535.19
@media: 360
Автоопределена: портретная
window.matchMedia: function matchMedia() { [native code] }
window.innerWidth: 360
DevicePixelRatio: 2
Opera/9.80 (Android 4.1.2; Linux; Opera Mobi/ADY-1211271421) Presto/2.11.355 Version/12.10
@media: 640
Автоопределена: альбомная
window.matchMedia: function matchMedia() { [native code] }
window.innerWidth: 360
DevicePixelRatio: 2
Opera/9.80 (Android 4.1.2; Linux; Opera Mobi/ADY-1211271421) Presto/2.11.355 Version/12.10