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

Question

[Senseich]

Посоветуйте реально хороший эмулятор мобильных устройств для проверки адаптивности на разных устройствах. Пробовал некоторые, но все по разному отображают! Поделитесь, кто какие использует?

Comments

[Сергей delphinpro]

F12 в хроме

[Петя Персианов]

Есть консоль разработчики в хроме(в других браузерах тоже есть), там надо выбрать иконку смартфона и ты сможешь регулировать размер окна браузера, на котором отображается твой сайт

[Senseich]

Вася Петячкин, спасибо, это я знаю, но мне скорее эмулятор нужен, чтобы конкретно на устройстве проверить

[Петя Персианов]

Senseich, www.responsinator.com/?url=http://www.handsomestats.com

[Сергей delphinpro]

Я иногда пользуюсь https://saucelabs.com/
Там тоже real device

Answer 1

[Andrey Perov]

https://www.browserstack.com/

там много что есть, только стоит платить

Comments

[Senseich]

В принципе, вполне отличный сервис. По крайне мере, отобразил всё так как на моём андройде, жалко что платный

[Andrey Perov]

Senseich за хорошие вещи приходиться платить)

Answer 2

[Максим Тимофеев]

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

нет

Более менее - есть, но платные.

Comments

[xutegino]

Что значит нет? Зачем врать?

[Максим Тимофеев]

xutegino, пруф в студию

[xutegino]

Максим Тимофеев, глаза раскрой, прямо над твоим "ответом"

[Максим Тимофеев]

xutegino, Вот именно, глаза раскрой и прочитай, что я написал:

Более менее - есть, но платные.

Причем именно его и имел в виду. Ссылки под рукой не было, не пользуюсь ибо все равно не айс.

[xutegino]

Максим Тимофеев, во-первых, что там "более менее"? Куда, млять лучше??? во-вторых, пользуйся триалом ДО УСИРАЧКИ.

[Максим Тимофеев]

xutegino, ты знаешь, когда находил, там коряво работал devtools, сейчас вроде бы норм. Так что вынужден согласится с

Куда, млять лучше

Лучше пока не видел

[xutegino]

Максим Тимофеев, так там реальные машины (включая мобильные устройства!), девтулз такой же как у тебя на компе. Единственное - задержка.

[Максим Тимофеев]

xutegino, да, но ранее, не помню когда, я там уже рылся и там devtools работал через раз. Сейчас норм

[Kovalsky]

xutegino, "ДО УСИРАЧКИ" - я правильно понял, что это вы так о тридцати минутах триала говорите?

[freekir]

Никита Полевой, наверное имеется ввиду, что ты можешь создать 1000 аккаунтов по 30 минут, тогда будет "ДО УСИРАЧКИ"

Answer 3

[campus1]

тык

Comments

[Андрей Александров]

Тоже Responsinator'a в большинстве случаев хватает.

Answer 4

[zooks]

Сервисы хрень, F12 не всегда помогает.
Лучше купите себе устройства на Android и iOS (хотя бы БУ).

Comments

[Eldar01]

Для адаптивности (как в вопросе топикстартера) - помогает в браузере.
То что вам не нравится в сервиса - это о другом. Это кросс-браузерность.

[zooks]

Eldar01, прочитайте вопрос:

для проверки адаптивности на разных устройствах

. F12 помогает не всегда.

[Gran Torino]

А исходный код на устройствах как смотреть?

[zooks]

Gran Torino, исходный код смотреть в текстовом редакторе или IDE на большом брате.

[Gran Torino]

zooks, ну так косяк может быть вылезать только на просмотре с устройства, и на большом брате будет все ок

[zooks]

Gran Torino, именно так. Исходный код смотрим в IDE и в инспекторе на ББ.

Answer 5

[Дмитрий Кузнецов]

А не легче через сам браузер проверять?

Пример

Comments

[Антон]

И что, браузер прям эмулирует устройство, браузер? Всё что Вы можете - сжать экран, подменить юзерагента, всё

[Максим Тимофеев]

Браузер частичное решение. На androin свои будут траблы, на ios свои, так что просто эмитация размера устройства решает вопрос только частично. Android можно приконектить к компу и видеть консоль его браузера, а вот с ios прям траблы у меня.
Особенно если ошибки в js, а не в верстке. Дебажить проблематично.

[Дмитрий Кузнецов]

Максим Тимофеев, ну тогда можно поставить эмулятор Android'а и тестировать там. Либо, если совсем прям хочешь поэкспериментировать, то можно попробовать RemixOS (не реклама) установить. Это ОС, оболочкой является Android, но только с доп. функциями.

[Boris Köln]

Максим Тимофеев, не путайте кроссбраузерность и адаптивность. Вопрос про адаптивность - для проверки этого достаточно поменять размер окна своего браузера.

[Senseich]

Boris Korobkov, Вопрос скорее и про то и про другое.

[Максим Тимофеев]

Boris Korobkov, Та с той же адаптивностью будут проблемы, через браузер, так как он не эмулирует отсутствие поддержки тех или иных свойств css, и хоть они и относятся к кросбраузерности, но ряд из них реализует адаптивность. Тут одно без другого рассматривать нельзя. Если цепляться к словам - Вы правы, но реально вопрос то комплексный.

[Максим Тимофеев]

Дмитрий Кузнецов, эмуляторы Android'а - барахло. RemixOS - интересный вариант. Но как я уже говорил проще шнурочком телефон на Android к компу присобачить, включить режим разработчика и видеть в хроме на пк консоль телефона. А вот с ios такого фокуса не знаю и не думаю, что есть аналоги RemixOS на базе ios. Если есть - давайте срочно)))

[Senseich]

Максим Тимофеев, Ну , не всегда под рукой айфон и андройд вместе, а проверить надо ))

[Максим Тимофеев]

Senseich, Я Вам больше скажу, iPhone с собой у меня никогда не будет. Это противоречит моей религии.

[Philipp]

Максим Тимофеев, с iOS там все прекрасно. Включаете режим разработчика в Safari и подключаете устройство к iMac/MacBook и т.д. У Safari неплохая консоль, показывает ошибки и т.д. Я так очень интересный эффект с симуляцией событий отловил. Могу сказать, что Apple более строго соблюдает стандарты W3C.
Единственная боль, так это наличие компа iMac/MacBook. Но сейчас хакинтош уже вроде бы даже говорят работает, так что можете попробовать в нем.

Answer 6

[zoozag]

browserstack самый адекватный из тех, что я пробовал.
В триале есть iPhone, iPad и несколько андроид девайсов, все с поддержкой DevTools.
Для проверки верстки этого вполне достаточно обычно.

Comments

[freekir]

Который можно каждый раз новый получать :)

Answer 7

[Alexey Petryakov]

quirktools.com/screenfly

Answer 8

[Максим Демидов]

Я пользуюсь cybercrab.com/screencheck и quirktools.com/screenfly . Вроде неплохие + отладчик Хрома

Answer 9

[Сергей S42 Колегов]

Раньше пользовался тестилкой от Google - TestMySite, но теперь он обновился и работает очень грустно

Answer 10

[motomac]

Тулза от Гугла:
https://material.io/resizer/

Answer 11

[Mikhail Derkach]

отладчик в хроме + responsinator.com

Answer 12

[makol]

https://search.google.com/test/mobile-friendly?hl=ru
webmark.com.ua/mobile