Какие есть программы для тестирования адаптивной верстки?

Question

[Павел Гоголинский]

На чем вы тестируете адаптивную верстку?

Ну кроме ресайза окна браузера. Есть же продукты, которые точно имитируют иное разрешение экрана.

Answer 1

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

В хроме\ФФ уже давно есть режим эмулирования. В ФФ просто разрешения, в хроме можно задать устройсво.

Comments

[Павел Гоголинский]

Они не показывают реальную картину.
У меня монитор 1680px по ширине. Ставлю в хроме в эмуляции 1280. Вижу картинку

Но на реальном мониторе с разрешением 1280px в местах, сказанных стрелками, текст начинает располагаться на трех строчках, а не на двух

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

ОС\браузеры разные? Рендер шрифтов отличается везде, так-то. Ну или дайте ссылку на сайт.

[Павел Гоголинский]

да,семерки и хромы последние. spectehnika67.ru

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

В ФФ на 1680px 2 строки, ставлю 1280 - 3 строки. Так что, пробуйте в нем.

[Павел Гоголинский]

Тоже врет

[Павел Гоголинский]

может есть специальные программы-браузеры? Пускай платные, но рабочие

Answer 2

[Максим Гатилин]

Можно тестировать верстку с помощью BackstopJS. Как это делать я описал в статье

Answer 3

[Юрий Лобанов]

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

В частности вот хорошие ответы:
В чем тестировать мобильную вёрстку?
В чем тестировать мобильную вёрстку?

Answer 4

[Роман Мисюра]

Можете попробовать вот эти сервисы:
ami.responsivedesign.is
responsive.is
mattkersley.com/responsive

А так, как веб-разработчику, я б посоветовал приобрести планшет еще для тестирования и тестировать на собственных устройствах. В целом могу сказать так, с подальше работой у Вас появятся свои "наборы" проверки адаптивности.