Реклама на сайте Advertise with us

Как проверить внешний вид сайта на разных девайсах?

Расширенный поиск по форуму
 
Новая тема Новая тема   
Автор
Поиск в теме:

Люблю то, что делаю!

С нами с 22.10.06
Сообщения: 5053
Рейтинг: 4418


Передовик Master-X (16.12.2014) Передовик Master-X (16.02.2017) Передовик Master-X (01.03.2017) Передовик Master-X (16.03.2017) Передовик Master-X (01.09.2017) Ветеран трепа Master-X (16.09.2017)
Ссылка на сообщениеДобавлено: 04/08/17 в 21:47       Ответить с цитатойцитата 

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

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

0
 
+


С нами с 09.05.17
Сообщения: 661
Рейтинг: 586


Передовик Master-X (01.08.2017) Передовик Master-X (01.02.2018) Передовик Master-X (16.10.2019) Передовик Master-X (01.11.2019)
Ссылка на сообщениеДобавлено: 04/08/17 в 21:57       Ответить с цитатойцитата 

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

9
 

Люблю то, что делаю!

С нами с 22.10.06
Сообщения: 5053
Рейтинг: 4418


Передовик Master-X (16.12.2014) Передовик Master-X (16.02.2017) Передовик Master-X (01.03.2017) Передовик Master-X (16.03.2017) Передовик Master-X (01.09.2017) Ветеран трепа Master-X (16.09.2017)
Ссылка на сообщениеДобавлено: 04/08/17 в 22:51       Ответить с цитатойцитата 

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

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

0
 



С нами с 11.12.11
Сообщения: 351
Рейтинг: 737

Ссылка на сообщениеДобавлено: 04/08/17 в 22:55       Ответить с цитатойцитата 

Lexikon писал:
как можно проверить работоспособность верстки сайта для различных резрешений экранов

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

9
 



С нами с 11.12.11
Сообщения: 351
Рейтинг: 737

Ссылка на сообщениеДобавлено: 04/08/17 в 22:59       Ответить с цитатойцитата 

8
 

Люблю то, что делаю!

С нами с 22.10.06
Сообщения: 5053
Рейтинг: 4418


Передовик Master-X (16.12.2014) Передовик Master-X (16.02.2017) Передовик Master-X (01.03.2017) Передовик Master-X (16.03.2017) Передовик Master-X (01.09.2017) Ветеран трепа Master-X (16.09.2017)
Ссылка на сообщениеДобавлено: 04/08/17 в 23:04       Ответить с цитатойцитата 

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

0
 



С нами с 20.10.05
Сообщения: 829
Рейтинг: 621

Ссылка на сообщениеДобавлено: 05/08/17 в 01:22       Ответить с цитатойцитата 

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

2
 



С нами с 28.07.17
Сообщения: 207
Рейтинг: -303

Ссылка на сообщениеДобавлено: 05/08/17 в 08:12       Ответить с цитатойцитата 

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

2
 

127.0.0.1

С нами с 26.04.06
Сообщения: 1092
Рейтинг: 557

Ссылка на сообщениеДобавлено: 11/08/17 в 18:03       Ответить с цитатойцитата 

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

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

0
 

💀💀💀

С нами с 31.05.10
Сообщения: 4688
Рейтинг: 727

Ссылка на сообщениеДобавлено: 14/08/17 в 07:35       Ответить с цитатойцитата 

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

1
 



С нами с 23.01.17
Сообщения: 205
Рейтинг: 355

Ссылка на сообщениеДобавлено: 14/08/17 в 19:11       Ответить с цитатойцитата 

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

JS.
Верстка

10
 



С нами с 21.10.10
Сообщения: 251
Рейтинг: 87

Ссылка на сообщениеДобавлено: 23/08/17 в 23:58       Ответить с цитатойцитата 

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

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


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

1
 
Новая тема Новая тема   

Текстовая реклама в форме ответа
Заголовок и до четырех строчек текста
Длина текста до 350 символов
Купить рекламу в этом месте!


Перейти:  



Спонсор раздела Стань спонсором этого раздела!

Реклама на сайте Advertise with us

Опросы

Рецепт новогоднего блюда 2022



Обсудите на форуме обсудить (11)
все опросы »