Как заставить firefox показывать мобильные версии сайтов?

12

У меня есть GPD Pocket под управлением Ubuntu 16.04 LTS с Unity и Firefox Quantum . Карман GPD представляет собой небольшой нетбук (7-дюймовый дисплей). Поэтому для некоторых сайтов я бы предпочел видеть на этом экране мобильную версию веб-сайта (в основном на сервере egroupware моей работы ).

Как это возможно?

Бонусный вопрос (но ни необходимый, ни достаточный для получения принятого ответа): как это сделать в Google Chrome / Chromium?

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

firefox browser websites Бруни
источник

Ответы:

11

Fire Fox

Отображение мобильной версии веб-сайтов является встроенной функцией Firefox. В Firefox выберите Сервис -> Веб-разработчик -> Режим адаптивного дизайна, а затем в раскрывающемся меню выберите модель своего устройства.

Хром / Хром

Нажмите кнопку « Режим устройства» , чтобы включить или выключить режим устройства. Когда режим устройства включен, значок синий ( IMG: ). Когда режим устройства выключен, значок отображается серым цветом ( IMG: ). Выберите Инструменты -> Инструменты разработчика -> нажмите кнопку на панели инструментов устройства Toogle (отмечена курсором мыши на снимке экрана ниже -> щелкните черный нисходящий треугольник ▾ справа от «Отзывчивый», чтобы открыть раскрывающееся меню, и выберите свое устройство из раскрывающегося списка. меню.

введите описание изображения здесь

Карел
источник
Спасибо . Один маленький вопрос. Что такое DPR и как мне рассчитать его для моего устройства?
Бруни
DPR расшифровывается как D evice P ixel R atio . Чтобы установить пользовательское соотношение пикселей устройства, войдите в режим адаптивного дизайна в Firefox, щелкните по списку с надписью «DPR» и выберите нужное значение. Чтобы получить более детальный контроль над DPR, войдите в Responsive Design Mode, в окне списка устройств выберите «устройство не выбрано», измените масштаб в Firefox для вкладки, которая имеет фокус, выбрав View -> Zoom -> Zoom In / Out, который изменит значение текущего выбранного DPR в поле списка DPR.
Карел
Когда вы переключаете устройство в Responsive Design Mode из выпадающего меню, оно автоматически меняет DPR на DPR, который соответствует выбранному устройству. Вы также можете отредактировать выпадающее меню и создать собственное устройство, которое имеет свои собственные значения для размера экрана и DPR.
Карел
5

Вы можете использовать надстройку типа User-Agent Switcher .

Это позволяет вам выбирать из множества вариантов:

введите описание изображения здесь
(источник скриншота: ссылка выше)

pomsky
источник
1
+1 Это работает, спасибо. Я приму решение @Karel, так как оно менее агрессивно.
Бруни
@ Бруни Я бы тоже так сделал :-D
pomsky
0

Вы также можете попробовать заменить m на www в URL или подходящем дополнении Firefox, таком как Temporary Mobile View.

BAW30s
источник