Faking max-device-width

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

Спасибо, Ropo

Ответ 1

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

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

Ответ 2

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

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

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