Подделка max-device-width

Question

Для реализации мобильного веб-сайта было бы полезно установить max-device-width в моем браузере. Я знаю плагины для подделки пользовательского агента. Это также возможно для максимальной ширины устройства? Я бы предпочел использовать обычный браузер, такой как Firefox, IE, Opera, ... вместо всех видов эмуляторов мобильных браузеров или даже других смартфонов.

Спасибо, Ropo

Answer 1

Chrome позволяет установить метрики устройства, которые используются при расчете медиазапросов для ширины устройства.Для этого откройте Инструменты разработчика, щелкните значок шестеренки в правом нижнем углу и перейдите на вкладку «Переопределения».

Редактировать 17 января 2014 г. : в Chrome появилась вкладка «Эмуляция», который можно найти рядом с Консолью, в Инструментах разработчика.

Answer 2

В общем случае настольные браузеры можно использовать для проверки работоспособности html & css, но мобильные браузеры сильно отличаются в обработке html, css и javascript.

Чтобы «эмулировать» max-device-width, вы можете заменить max-device-width на max-width и изменить размер окна вашего браузера до требуемого размера (в реальных версиях браузеров поддерживается max-width инструкция медиа-запроса).

Мы используем настольные браузеры на ранних этапах разработки мобильного веб-интерфейса и эмуляторы на поздних.Тестеры пользовательского интерфейса используют только реальные устройства.