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

Question

[Павел]

Добрый вечер

Есть сайт pasha4ur.org.ua

Вчера программист по-другому сайту познакомил меня с Отладчиком в браузере (а еще с FTP в Dreamweaver), чтобы я со своими теоретическими навыками помог быстрее на практике отредактировать дизайн сайта.

Подскажите, есть ли такие отладчики, чтобы и мобильную версию отладить?

Мобильная версия на портативках (кроме Chrome на планшете) работает с ключом /?mobile=1. На пк это не работает и я не могу посмотреть мобильную версию на пк.

Спасибо!

П.С. Судя по CSS мой шаблон про отзывчивость ничего не знает. Переключение идет с помощью какого-то скрипта

Answer 1

[Дмитрий Евграфович]

Chrome canary. F12 для вызова панели разработчика и кликните на кнопочку отмеченную на скрине https://yadi.sk/i/dcratQRXbC9in
Главная особенность - обработка событий touch в этом режиме вместо обычных кликов мыши, но и для тупо верстки тоже полезно бывает.

Comments

[Павел]

А обязательно ставить этот сырой хром? В моем Хроме тоже есть в консоле иконка с мобильным. Но ее активация ничего не изменяет в сайтах. Вообще, кроме изменения ее цвета на синий ничего не происходит

[Дмитрий Евграфович]

@Pasha4ur с последним обновлением видимо необязательно (у меня браузер последний раз перезапускался недели две назад - тогда иконки в стандартном хроме еще не было). Активация должна изменять... на тех сайтах, где мобильная версия предусмотрена. Если нужный мобильник, разумеется, выбрали во всплывающем меню. Также кнопку обновления страницы на всякий случай зажмите и во всплывающем меню выберите очистку кэша с перезагрузкой. По крайней мере у меня что яндекс, что гугл выдают при запуске мобильный вариант.

[Alexander Tartmin]

@Pasha4ur эту функцию добавили в 37й версии хрома которая сейчас является стабильной.

[Кирилл]

@Pasha4ur После того, как на иконку нажали, страницу обновите.

Answer 2

[Maksim Zverev]

Можно использовать встроенный dev tools в хром или firefox или же воспользоваться https://creative.adobe.com/ru/products/inspect

Comments

[Павел]

Я не очень в этом понимаю, но rezise в FF показывает просто маленькое окно с настольной версией.

знать бы как заставить сайт показать мобильную версию на пк.

[Maksim Zverev]

У вас мобильная версия по JS что ли вызывается ?

[Павел]

@m1skam я не шарю :) Я знаю фотошоп, а в программировании я не силен еще.

Шаблон древний (2011 года). Там нет responsive.css как в новых шаблонах этого разработчика. Он тупо отключает все блоки кроме основного

[Maksim Zverev]

@Pasha4ur Есть вот это решение https://creative.adobe.com/ru/products/inspect я давал линк выше. Если с помощью него ничего не добьетесь, заказывайте на фрилансе перевод под adaptive / responsive

Answer 3

[Вячеслав]

Можно вывести консоль разработчика с андроид устройства на комп, так проще заниматься отладкой.

Comments

[Alexander Tartmin]

Самый верный вариант, но самый геморный. Нужна масса устройст и нужно еще настраивать AndroidSDK с коим у меня при установке всегда были какие-то заморочки под виндой.