Web консоль в браузере показывает неправильные виджеты

InstantCMS 2.X

Как решить ?

#1 3 августа 2023 в 22:30

Такая проблема:

В виджетах включил показ некоторых блоков только для мобильных телефонов и планшетов.

Решил поправить CSS,

Открыл web консоль в браузере, перешел на показ мобильных устройств, но там показывает виджеты для десктопных устройств. Почему так ?

#2 3 августа 2023 в 22:34

Такая проблема:

В виджетах включил показ некоторых блоков только для мобильных телефонов и планшетов.

Решил поправить CSS,

Открыл web консоль в браузере, перешел на показ мобильных устройств, но там показывает виджеты для десктопных устройств. Почему так ?

Gus

Думаю начать надо с этого:

1. Проверьте кеш.

2. Посмотрите медиа запросы, что показывают? При сужении и расширении.

3. С мобильного заходили?

#3 3 августа 2023 в 22:40

Такая проблема:

В виджетах включил показ некоторых блоков только для мобильных телефонов и планшетов.

Решил поправить CSS,

Открыл web консоль в браузере, перешел на показ мобильных устройств, но там показывает виджеты для десктопных устройств. Почему так ?

Gus

Думаю начать надо с этого:

1. Проверьте кеш.

2. Посмотрите медиа запросы, что показывают? При сужении и расширении.

3. С мобильного заходили?

KoRn

1. Кеш чистил, не помогает

2. Тестировал разные варианты, web инспектор показывает исключительно десктопные виджеты

3. На мобильно все отлично, показывает так как нужно.

#4 3 августа 2023 в 23:25

На компе сколько не использовал программ они не видят мобильные виджеты, думаю для правки их надо перевести в десктоп потом обратно 

#5 3 августа 2023 в 23:32

В виджетах включил показ некоторых блоков только для мобильных телефонов и планшетов.

Gus

Открыл web консоль в браузере, перешел на показ мобильных устройств, но там показывает виджеты для десктопных устройств. Почему так ?

Gus

Потому что тип устройства определяется на сервере по юзерагенту. Проверять нужно на реальных устройствах. А если нужно отладить на десктопе, то поменяйте куку на mobile например:

Изображение

#6 4 августа 2023 в 00:15

Потому что тип устройства определяется на сервере по юзерагенту

Fuze

В хроме эмулятор в режиме разработчика генерирует мобильный юзер агент, в соответствии с выбранным устройством. То есть, сервер определяет так, как надо)

Изображение

Но, видимо, так как десктопные кукис уже были проставлены ранее, они и применяются) На десктопе нет причин ожидать что обычный пользователь начнёт смотреть на сайт в режиме мобильника, а вот на мобиле некоторые используют режим «Для Десктопа»)

#7 4 августа 2023 в 00:32

В виджетах включил показ некоторых блоков только для мобильных телефонов и планшетов.

Gus

Открыл web консоль в браузере, перешел на показ мобильных устройств, но там показывает виджеты для десктопных устройств. Почему так ?

Gus

Потому что тип устройства определяется на сервере по юзерагенту. Проверять нужно на реальных устройствах. А если нужно отладить на десктопе, то поменяйте куку на mobile например:

Изображение

Fuze

Спасибо, мне данное решение помогло!

Буду использовать один браузер для просмотра как мобильное устройство, второй как десктоп. 

#8 4 августа 2023 в 00:41

Буду использовать один браузер для просмотра как мобильное устройство, второй как десктоп. 

Gus

Можно обойтись одним браузером. Новая вкладка инкогнито — Режим разработчика — урл страницы — Enter

#9 4 августа 2023 в 09:26

В хроме эмулятор в режиме разработчика генерирует мобильный юзер агент

Нил™

Вот это вы мне если честно Америку открыли)) Постоянно приходилось телефон подключать к ПК для отладки)) Благодарю)

Вы не можете отвечать в этой теме.
Войдите или зарегистрируйтесь, чтобы писать на форуме.
Используя этот сайт, вы соглашаетесь с тем, что мы используем файлы cookie.