Как заставить Firefox использовать мобильную версию веб-сайтов?

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

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

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

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

10
задан 11 January 2018 в 17:26

6 ответов

Firefox

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

Chromium / Chrome

Переключите кнопку режима устройства, чтобы включить режим устройства вкл. или выкл. Когда режим устройства включен, значок синий (). Когда режим устройства выключен, значок серый (). Выберите Инструменты -> Инструменты разработчика -> нажмите кнопку Веб-разработчик (отмечен курсором мыши в нижеследующем скриншоте -> нажмите черный треугольник вниз и черный треугольник, справа от " Отзывчивая ", чтобы отобразить раскрывающееся меню и выберите ваше устройство в раскрывающемся меню.

10
ответ дан 22 May 2018 в 15:36
  • 1
    Спасибо . Один маленький вопрос. Что такое DPR и как его рассчитать для моего устройства? – Bruni 11 January 2018 в 17:47
  • 2
    DPR обозначает D evice P ixel R atio. Чтобы настроить отношение пикселя пользовательского устройства, введите «Режим адаптивного дизайна» в Firefox, щелкните поле списка «DPR» и выберите нужное значение. Чтобы получить более мелкозернистый контроль над DPR, введите режим адаптивного дизайна, в списке устройств выберите «no device selected» и измените коэффициент масштабирования в Firefox для вкладки с фокусом, выбрав Вид [!d3 ] - & gt; Масштаб - & gt; Увеличение / уменьшение , которое изменит значение текущего выбранного DPR в списке DPR. – karel 11 January 2018 в 18:31
  • 3
    Когда вы меняете устройство в режиме адаптивного дизайна в раскрывающемся меню, он автоматически переключает DPR на DPR, который соответствует выбранному устройству. Вы также можете отредактировать раскрывающееся меню и создать собственное устройство, которое имеет собственные пользовательские значения для размера экрана и DPR. – karel 11 January 2018 в 18:31

Firefox

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

Chromium / Chrome

Переключите кнопку режима устройства, чтобы включить режим устройства вкл. или выкл. Когда режим устройства включен, значок синий (). Когда режим устройства выключен, значок серый (). Выберите Инструменты -> Инструменты разработчика -> нажмите кнопку Веб-разработчик (отмечен курсором мыши в нижеследующем скриншоте -> нажмите черный треугольник вниз и черный треугольник, справа от " Отзывчивая ", чтобы отобразить раскрывающееся меню и выберите ваше устройство в раскрывающемся меню.

10
ответ дан 17 July 2018 в 23:20

Firefox

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

Chromium / Chrome

Переключите кнопку режима устройства, чтобы включить режим устройства вкл. или выкл. Когда режим устройства включен, значок синий (). Когда режим устройства выключен, значок серый (). Выберите Инструменты -> Инструменты разработчика -> нажмите кнопку Веб-разработчик (отмечен курсором мыши в нижеследующем скриншоте -> нажмите черный треугольник вниз и черный треугольник, справа от " Отзывчивая ", чтобы отобразить раскрывающееся меню и выберите ваше устройство в раскрывающемся меню.

10
ответ дан 24 July 2018 в 13:51

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

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

User-Agent Switcher ( источник экрана: ссылка выше)

5
ответ дан 22 May 2018 в 15:36
  • 1
    +1 Это работает спасибо. Я буду принимать решение @Karel, поскольку оно менее инвазивное. – Bruni 11 January 2018 в 17:45
  • 2
    @Bruni Я бы тоже сделал то же самое: -D – pomsky 11 January 2018 в 17:49

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

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

User-Agent Switcher ( источник экрана: ссылка выше)

5
ответ дан 17 July 2018 в 23:20

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

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

User-Agent Switcher ( источник экрана: ссылка выше)

5
ответ дан 24 July 2018 в 13:51
  • 1
    +1 Это работает спасибо. Я буду принимать решение @Karel, поскольку оно менее инвазивное. – Bruni 11 January 2018 в 17:45
  • 2
    @Bruni Я бы тоже сделал то же самое: -D – pomsky 11 January 2018 в 17:49

Другие вопросы по тегам:

Похожие вопросы: