sokal32 16 авг 2013 в 03:17

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

1 мин

23K

Веб-разработка*Разработка мобильных приложений*

Комментарии 20

AlexRudkowskij 16 авг 2013 в 03:20

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

sokal32 16 авг 2013 в 03:25

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

lastwish 16 авг 2013 в 05:28

В хроме тоже

hermit931 16 авг 2013 в 08:02

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

lastwish 16 авг 2013 в 08:27

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

hermit931 16 авг 2013 в 08:35

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

НЛО прилетело и опубликовало эту надпись здесь

d4rkr00t 16 авг 2013 в 08:43

опередили

sokal32 16 авг 2013 в 08:45

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

adic3x 16 авг 2013 в 09:26

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

CodeByZen 16 авг 2013 в 09:21

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

sokal32 16 авг 2013 в 09:28

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

CodeByZen 16 авг 2013 в 09:42

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

sokal32 16 авг 2013 в 09:45

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

CodeByZen 16 авг 2013 в 10:21

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

sokal32 16 авг 2013 в 10:43

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

belyakov 16 авг 2013 в 10:48

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

dom1n1k 16 авг 2013 в 12:55

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

belyakov 23 авг 2013 в 18:57

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

tarya 17 авг 2013 в 01:00

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

Зарегистрируйтесь на Хабре, чтобы оставить комментарий

Показать лучшие за всё время

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

Комментарии 20

Публикации

Истории