Как проверить — как сайт будет выглядеть на retina экране?

Question

[yurash]

В сети много рецептов, как подготовить сайт для retina экранов, но я не нашёл — а можно ли как-нибудь проверить, не обладая этим экраном, как будет сайт выглядеть?

Answer 1

[Vitaliy Petrychuk]

Можно developer.android.com/tools/help/emulator.html попробовать, но это напряжно (медленный эмулятор). Возможно есть другие варианты.

Comments

[yurash]

Про эмуляторы я как-то не подумал.
Тогда, пожалуй, лучше Hackintosh -> xcode -> iOS emulator -> Retina iPad
но это действительно медленно

[Vitaliy Petrychuk]

Ну да :)
Конечно же я имел ввиду iOS эмулятор. Переработался. Простите.

Answer 2

[Ан]

Самый простой — зайти в app store(или любой другой магазин интересующей Вас техники) и открыть сайт на демонстрационных девайсах.
Как правило они подключены к wi fi и проблем не будет.
[v] Дешево
[v] Сердито
Из минусов:
— если Вы часто будете забегать туда( что бы отладить косяки) консультанты начнут коситься:) решаемо сменной магазина.

Еще один вариант — друг с нужным девайсом

Answer 3

[neopug]

А что вы хотите проверить? Верстку или качество изображений? Если верстку, то поставьте разрешение, как у устройства (в том же chrome через devtools). С изображениями сложнее, могу предположить, что нужно сопоставлять ppi вашего монитора и требуемого устройства, и учитывать расстояние до глаз. Хотя, вполне вероятно, что без устройства это будет ересь.

Comments

[yurash]

я хотел проверить в первую очередь изображения — правильно ли я понял советы по адаптации (через css media query)

Answer 4

[Константин]

Chrome — F12 В право углу Settings -> User Agent -> Override device metrics

Comments

[yurash]

Размеры меняет, но если собственный монитор обладает небольшими и размерами и «пиксельностью», то получившуюся картинку видно не очень хорошо.