Новая тема   Ответить

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

Последний раз редактировалось: Lexikon (04/08/17 в 22:50), всего редактировалось 1 раз

 Oswell E. Spencer
http://quirktools.com/screenfly/ и еще 100 и 1 сервис

 Lexikon
Oswell E. Spencer писал:
Спасибо.
Я сразу тупанул и не указал, что хотелось бы это проверять локально.

 Mad
Lexikon писал:
В современных браузерах в панели разработчика есть тестировка респонсив вёрстки, без каких либо плагинов. Например в хроме - https://developers.google.com/web/tools/chrome-devtools/device-mode/

 Mad
https://developers.google.com/web/tools/chrome-devtools/device-mode/…-viewports

 Lexikon
Отлично! Благодарю! То что нужно!
Вопрос закрыт!

 vxod
Рано закрыл вопрос. Пусть кидают стоящие сервисы сюда, т.к. эмуляторы - не панацея, могут врать.

 Dx
browserstack_com - Различные девайсы, операционки и браузеры. 30 минут бесплатно.

 localhost
в любом браузере на основе Chrome-движка

"Developer tools" - > в окне где html страница, вверх будет разметка width/height и предустановленные уже параметры под всякие iphone/galaxy/nexus

 Ailk
vxod писал: Поэтому надо проверять в нескольких браузерах.
Натыкался на случаи, когда некоторые параметры флекс бокса работали диаметрально противоположным образом в хроме и мозиле. Эбать пукан тогда порвало ))

 sk://ed
Android Studio + XCode, практически любые эмуляторы андроид и эпл устройств. Про пак браузеров на компе я думаю объяснять не надо)

 Roys
localhost писал:

Достаточно часто в developer tools все хорошо выглядит, а по факту на самом девайсе все криво. ХЗ почему.
Так что это не выход.