Как отладить «полную версию сайта» с мобильных?

Question

[Максим Шадрин]

Всем привет. Возникла проблема с тестом одного из сайтов. Сайт этот: cher-mol.ru
Проблема в следующем: когда с мобильного браузера мы переходим в режим "полной версии" сайта, но сайт не разворачивается на всю ширину, оставляя справа белое пространство, которое пропадает при скролле.
Заказчик требует пофиксить этот баг, а я просто не понимаю, как мне его исследовать через dev tools, ибо полная версия на компах такого бага не имеет, а как сэмулировать полную версию, якобы с мобильных, я не знаю, и вообще не уверен, что что это возможно.

Может кто-то с таким сталкивался? Как бороться?

Comments

[Moskus]

Бороться с заказчиком-идиотом, для начала. Мобильная версия сайта - чтобы смотреть с мобильного, десктопная - чтобы смотреть с ПК. Давайте ещё проверим его на терминале для слепых.

Answer 1

[Владимир]

Дебажить на андроиде - подключаете свой мобильный шнурком к компу, включаете в нем отладку по USB, а дальше
https://developers.google.com/web/tools/chrome-dev...

Comments

[Максим Шадрин]

Спасибо огромное, это именно то, что я искал.
А проблема была в том, что выпадающее меню, которое было уведено вправо с помощью translateX и на которое было накинуто opacity, почему то занимало место в этом "полном" режиме с мобилки.
Исправил просто. Вместо изменения opacity c 0 на 1, я просто делаю переключение с display: none на display: block. Теперь нет плавного появления, но зато проблема с полосой решена.

[Владимир]

Поэтому важно тестировать на реальных девайсах. Сафари на iPhone тоже полон сюрпризов