Тестирование адаптивной верстки локального сайта

[AlexRudkowskij]

В Firefox, кстати, нативно можно отлаживать адаптивную вёрстку

[sokal32]

Хм, надо посмотреть, не помню даже когда последний раз Firefox открывал

[lastwish]

В хроме тоже

[hermit931]

Это нативно? Не подскажете где эту тулзу включить?

[lastwish]

Нативно, Dev Tools (F12) -> Settings (кнопка в правом нижнем углу) -> Overrides. В Settings помимо этого ещё много вкусностей.

[hermit931]

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

[d4rkr00t]

опередили

[sokal32]

не очень то удобно если честно, нельзя мышью изменять ширину, нельзя выбрать какой-то девайс

[adic3x]

Если-бы они сделали еще переключаемую плотность пикселов. Я их с пол года назад просил еще…

[CodeByZen]

Эмм… вопрос. Как на всех этих «тулзах» тестировать некие js вещи которые например определяют ориентацию устройства? Например, я перевернул телефон или планшет. В реале я это могу. На большинстве этих «тулз» мой функционал ограничен изменениями ширины/высоты окна браузера. Чем эти тулзы лучше ручного ресайза окна?

[sokal32]

Лучше тем, что:
1) ты видишь ширину окна
2) ты можешь выбрать размер популярного устройства (в альбомной и в портретной ориентации)

[CodeByZen]

В хроме можно включить линейки и задать ширину окна популярного устройства.

[sokal32]

Можно и отверткой в ушах ковыряться)) если есть возможность юзать что-то поудобнее, я буду это использовать

[CodeByZen]

Я не отрицаю, но например в том-же хроме можно и UA выставить и по элементам походить и геолокацию задать и ориентацию по трем осям, а так-же эмулировать CSS media: брайль, print, screen, tv и т.д. А у Вас просто iframe с линейками.

[sokal32]

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

[belyakov]

Вот еще неплохая штука responsinator.com

[dom1n1k]

У какая красота! Ничего лучше я прежде не видел (по крайней мере пока)

[belyakov]

У dimensions.app (ссылка в посте) после внимательного изучения тоже обнаружилась такая функция — preview mode в правом верхнем углу.
Также у них клевый chrome app — можно поставить прямо в браузер, как я и сделал.

[tarya]

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