Откроется ли сайт на экране 360 px

Адрес страницы — и я скажу по коду, что чаще всего ломает её на узком телефоне: viewport, жёсткие ширины, заплатка overflow, таблицы без прокрутки.

Проверка

К вашему сайту уйдут два запроса: robots.txt и одна страница. Ничего не сохраняется — ни адрес, ни результат.

Зачем это нужно

360 логических пикселей — ширина самых узких живых телефонов, и по ней проверяют вёрстку. Если на этой ширине появляется горизонтальная прокрутка, страница считается сломанной: половина текста уезжает за край, кнопки не нажимаются с первого раза, а человек уходит быстрее, чем успевает прочитать заголовок.

Ломают ширину почти всегда одни и те же вещи. Первая — отсутствие мета-тега viewport: без него телефон рисует страницу как уменьшенную копию десктопной. Вторая — жёсткие ширины в пикселях у блоков, картинок и таблиц: элемент шире экрана растягивает всю страницу. Третья — заплатка overflow-x: hidden у body: прокрутка исчезает, а обрезанное содержимое остаётся недоступным.

Эта проверка читает код страницы и не рисует её. Так честнее: своего браузера на сервере у меня нет и заводить его на общем сервере я не буду. Значит, инструмент видит то, что записано в разметке и в стилях внутри неё, — и честно молчит о том, что подставляют скрипты и внешние таблицы стилей.

Проверить то же самое руками можно за минуту: откройте страницу в браузере на компьютере, нажмите F12 и включите режим устройства, поставьте ширину 360 и попробуйте потянуть страницу вбок. Если она поехала — виноват какой-то один элемент, и найти его проще всего, сужая окно постепенно.

К вашему сайту эта проверка обращается дважды: читает robots.txt (если вы закрыли адрес от роботов, я туда не пойду) и один раз загружает саму страницу. Ни адрес, ни результат никуда не записываются.

Частые вопросы

Почему именно 360 пикселей?

Это нижняя граница, на которую ориентируется вёрстка: у распространённых телефонов логическая ширина 360–430 px. Если страница держит 360, она держит и всё, что шире.

Проверка не нашла проблем, а на телефоне всё равно едет. Почему?

Скорее всего, ширину задаёт внешняя таблица стилей или скрипт — их эта утилита не читает. Полный аудит смотрит и подключённые стили, а окончательный ответ всегда даёт живой телефон.

Это то же самое, что мобильная версия?

Нет. Отсутствие горизонтальной прокрутки — минимальное требование, а мобильная версия — это ещё размер кнопок, порядок блоков и скорость загрузки. Утилита отвечает только на первый вопрос.

Проверить свой сайт

Узкий экран — одна из проверок аудита. Он же посмотрит скорость, разметку, доступность и то, что видно поисковику и нейросетям.