Как пользоваться: Скриншот сайта на телефоне
- Вставьте URL. Телефон и 3× уже выбраны.
- Отключите Полную страницу, чтобы снять только первый экран, как он виден на телефоне.
- Сделайте скриншот.
- Обрежьте до 9:16 для историй или скачайте как есть.
Настоящая мобильная верстка, а не уменьшенная десктопная страница
Простое уменьшение окна десктопного браузера не показывает то, что сайты делают для телефонов: мобильное меню, другие изображения, компоненты только для касаний и баннеры только для мобильных. Здесь браузер отправляет мобильный user agent и поддержку касаний, поэтому сайт отдает именно то, что получит посетитель с телефона. Проверьте, как быстро сайт загружается на телефонах, с помощью Теста скорости страницы.
Также ищут как: скриншот сайта iphone.
Инструменты, которые хорошо сочетаются с Скриншот сайта на телефоне
- Скриншот сайта — Введите URL и получите скриншот всей страницы, снятый в настоящем браузере Chrome — с шириной для десктопа, планшета или телефона и разрешением до 3× (Retina).
- Сайт в PDF — Превратите веб-страницу в PDF.
- Разрешение экрана — Размеры экрана и окна браузера в CSS-пикселях, коэффициент плотности пикселей и реальное физическое разрешение — измеряется вашим браузером в реальном времени.
- Проверка мета-тегов — Узнайте, как Google, скорее всего, отобразит вашу страницу: длина title и description в пикселях, превью для ПК и мобильных устройств и все мета-теги в <head>.
Часто задаваемые вопросы
Какой размер телефона используется?
390 × 844 CSS-пикселей при плотности 3× — размер современного iPhone или Android-телефона среднего размера. Для других размеров выберите «Свою ширину».
Можно снять только первый экран?
Да. Отключите «Полную страницу», чтобы снять только видимый экран, или используйте «Обрезка → Первый экран» после съемки всей страницы.
Выглядит ли это точно как Safari на iPhone?
Используется движок Chrome с мобильным идентификатором. Верстка совпадает почти полностью, но возможны небольшие различия в шрифтах и функциях, доступных только в Safari.