Як тестити верстку на 4К моніторі, якщо в наявності тільки full HD?

💡 Усі статті, обговорення, новини про Front-end — в одному місці. Приєднуйтесь до Front-end спільноти!

В мене таке питання. Як протестити сайт(верстку) на 4К моніторі, якщо в наявності тільки full HD. Бо на Chrome DevTools в девайс моді на 4K все маленьке виглядає. Але читав, що таке тестування не правильне.

👍ПодобаєтьсяСподобалось0
До обраногоВ обраному0
LinkedIn
Дозволені теги: blockquote, a, pre, code, ul, ol, li, b, i, del.
Ctrl + Enter
Дозволені теги: blockquote, a, pre, code, ul, ol, li, b, i, del.
Ctrl + Enter

Как тестить верстку в FullHD, если в наличии только 4К-монитор и масштабирование 175%?

Возможностей Chrome devTools будет достаточно, укажите размер экрана + device pixel radio + масштабирование.

Але читав, що таке тестування не правильне.

Это не так.

Если верстка хорошая — достаточно 50% масштаба и ширины в devtools
Если верстка плохая, нужно написать
html {
width: 3840px!important;
}

появится скролл — тестить. Проверить чтоб всякие overflow и прочее не мешало такому маневру.

vw и vh будут работать некорректно, нужно помнить

на некоторых видеокартах картах nVidia есть технология, которая позволяет рендерить картинку большего разрешения на меньшем мониторе. Хоть 8к на мониторе 1080р.

Оно и должно выглядеть мелко в 1080 из-за масштабирования.

Столько суньйоров ниже бесполезно пошутили, а про такую фичу не знают

Вангую: если оно есть на некоторых, оно есть на всех.
Правильный вопрос — а нет ли подобной фичи на Линуксах? На KDE вроде была. И разумеется независимо от видяхи. Чем не повод поднять Live дистрибутив и посмотреть, не стоит ли в дальнейшем собрать виртуалку на Линухе или полноценно поднять.

Неочевидний момент — скористатися послугою того, в кого є 4К. Якщо це на роботі — виклянчи доступ до презентаційного монітора на стіні, він більшість часу все одно не працює.
Для більшості випадків вистачає банального масштабування.

Якщо серйозно, мало який сайт працює в 4К на повну віддачу, і якщо це не казино чи інша пафосна фігня, тупо обмежуй ширину контента. Ти ж коли книгу читаєш паперову, вона стандартного формата, не метр завширшки? Хоча технічно це нічим не обмежено. Обмеженням є поле зору людини, особливо для кольорового зору.

Я хоть и не фронт, но сталкивался с подобными проблемами у коллеги по команде. Типа:
— есть только ноут
— монитор WQHD в офисе
— карантин
— коллега в другом городе и монитор достать никак.

Теоретически тестить по сути в эмуляции может иметь подводные камни по сравнению с живым дисплеем. Но если живого монитора нет, то можно поиграться с эмуляцией. И тут в голове всплывают сценарии повседневного использования.

Вы пишете

на Chrome DevTools в девайс моді на 4K все маленьке виглядає

Это как? Вы поставили режим Responsive и в полях написали значения 3840, 2160? А кто работает при таком физическом разрешении? Я виндой не пользуюсь, знаю, что у них есть какие-то там проценты масштабирования интерфейса типа ..., 125, 150, 175, ... Мне ближе макось. У меня есть монитор 27″ 4К. Я всегда ставлю на нем «выглядит как 2560×1440». С точки зрения размеров всего на экране меня это устраивает и это коррелирует с дефолтным разрешением iMac’а 27″ с 5К экраном. Там свои заморочки в плане кратности отрисовки, так как на аймаке картинка рендерится как 2560×1440×2 в HDPi = 5120×2880, что легче для видяхи. У меня это выглядит как 2560×1440×2 в HDPi = 5120×2880, всунутое в 3840×2160.

Если опустить всю лирику, то я хотел сказать, что почему в эмуляторе не поставить те же 2560×1440? Тогда не будет мелко. Я сравнил примерное положение элементов страницы в эмуляторе и в физическом окне, развернутом на весь экран с таким разрешением. В принципе похоже.

А так да, лучше все же монитор иметь, если задача серьезная.

А если несколько геометрий большого разрешения — все купи? А если 8К понадобится — тоже купи?

А если 8К понадобится — тоже купи?

Да. Почему нет?

Или одолжитъ где.

Есть как минимум пара вариантов:

а) купить недорогой монитор 4k, можно б/у (ничего там с ним не станется), лишь бы подешевле. Мониторы сейчас вообще недорогие, это вам не 30xx видяхи. Навскидку вижу варианты по 6-7к грн на olx.
б) купить 4k-ТВ, чтоб заодно закрыть задачу «на чём смотреть кино и играть в игры [с консоли]»
в) поставить виртуалку с монитором в 4k. Вариант скорее гипотетический, но мб рабочий.

играть в игры [с консоли]

Что за извращение...

Судя по статистике продаж консолей, в этом мире полно извращенцев. Может быть, даже больше, чем обычных людей.

Ну давай, сам купи на ОЛуХе сколь-либо технически сложное устройство б/у, расскажешь потом как тебе «случайно» не повезло. Не говоря уж о том, что можешь легко купить краденое у мусора, который сам же тебе и продаст через подконтрольного удошника.

Верить в наше время нельзя никому, порой даже себе. Мне — можно.
©

Покупал на OLX фотоаппараты Panasonic для записи видео, оптику к ним, телевизор OLED, несколько плазм, микшер Yamaha с выходом USB, проф. плату видеозахвата Magewell 4xHDMI, колонки, радиомикрофон Shure и ещё по мелочи (игры для PS4 там). Всё рабочее. Разумеется, базовый навык отсева жулья присутствует, плюс телевизоры приезжал проверял лично на пиксели, выгорание и вот это вот всё.

Підписатись на коментарі