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
инструкцию по медиа-запросу).
Мы используем настольные браузеры на ранних этапах разработки мобильного веб-интерфейса и эмуляторов в последнее время. Тестеры пользовательского интерфейса используют только реальные устройства.