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

Question

[lavezzi1]

Сейчас верстаю шаблон (html, css, js) и нужно открыть его на смартфоне, посмотреть как в живую выглядит, а не через инструмент разработчика. Легко, когда сайт на хостинге, а что делать когда в папке? как вы тестируете? Система ubuntu 14.04.

Answer 1

[Егор Федосенко]

Вообще верстаю на dropbox, как старому пользователю мне доступны прямые ссылки, поэтому использую одновременно как "хостинг", поэтому можно протестировать онлайн сервисами. Есть такой отличный сервис: codebeautify.org/responsive-website-tester
Советую вам задуматься об облаке или хостинге, чтобы было проще работать.

Comments

[Роман]

благодарочка за еще один весьма полезный инструмент

[Даниил]

Если использовать сторонние сервисы то как вариант: quirktools.com/screenfly

[lavezzi1]

Если я не старый пользователь? Какие алтернативы?

[Егор Федосенко]

lavezzi1: Cubby, в гем вроде есть доступ на паблик. По крайней мере точно был. 5 гб думаю вам для хтмл страничек вполне хватит

[BoKaPu]

lavezzi1: droppages.com

Answer 2

[Даниил]

В Chrome например можно использовать: "Google Chrome device mode".

Comments

[Роман Павлов]

Кажется, он ясно выразился "На смартфоне, а не через инструмент разработчика."

[Даниил]

Роман Павлов: Бывает, тогда больше нет норм вариантов.

Answer 3

[Daria]

Opera Mobile Emulator

Answer 4

[Макс]

www.browserstack.com

Answer 5

[Сергей Блохин]

Genymotion, например.

Answer 6

[Denis Buryi]

Полностью согласен с Сергеем. Сейчас купить не дорогой хостинг не проблема. Потому что ни один эмулятор, знаю по собственному опыту, не заменит реальное устройство. Либо для начала воспользуйтесь советом Даниил, потому что в Хроме эта функция реализована очень хорошо, но опят таки, она покажет вам как будет выглядеть сайт при конкретном размере и разрешении экрана, но не даст полной картины.

Answer 7

[Эдуард]

Я на openserver делаю сайт, в свойствах подключения wi-fi ставлю фиксированный ip (например 192.168.1.18, главное чтобы dhcp не назначила такой же адрес другому устройству), в настройках openserver выбираю этот ip как адрес сервера и в устройстве в файле hosts прописываю адрес сайта (который крутиться на openserver) и ip сервера openserver (например 192.168.1.18). Единственное для редактирования hosts нужен root для android или jailbreak для ios.

Answer 8

[jamesmalvi]

Loved codebeautify.org/responsive-website-tester