sokal32 Aug 16 2013 at 03:17

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

1 min

23K

Website development*Development of mobile applications*

Comments 20

AlexRudkowskij Aug 16 2013 at 03:20

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

sokal32 Aug 16 2013 at 03:25

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

lastwish Aug 16 2013 at 05:28

В хроме тоже

hermit931 Aug 16 2013 at 08:02

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

lastwish Aug 16 2013 at 08:27

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

hermit931 Aug 16 2013 at 08:35

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

UFO landed and left these words here

d4rkr00t Aug 16 2013 at 08:43

опередили

sokal32 Aug 16 2013 at 08:45

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

adic3x Aug 16 2013 at 09:26

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

CodeByZen Aug 16 2013 at 09:21

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

sokal32 Aug 16 2013 at 09:28

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

CodeByZen Aug 16 2013 at 09:42

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

sokal32 Aug 16 2013 at 09:45

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

CodeByZen Aug 16 2013 at 10:21

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

sokal32 Aug 16 2013 at 10:43

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

belyakov Aug 16 2013 at 10:48

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

dom1n1k Aug 16 2013 at 12:55

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

belyakov Aug 23 2013 at 18:57

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

tarya Aug 17 2013 at 01:00

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