Как сделать скриншот страницы сайта во всю длину

Всем привет! Недавно возникла необходимость сделать скриншот страницы сайта во всю длину. При этом нужен был скриншот именно мобильной версии с шириной экрана 320px. Сейчас расскажу вам о двух способах, которые я нашла.

Способ 1:

Этот способ подойдет вам, если у вас установлен браузер Mozilla Firefox.
Открываем интересующий нас сайт в этом браузере и нажимаем сочетание клавиш Ctrl + Shift + M, (или Cmd + Opt + M на OS X). Откроется так называемый режим адаптивного дизайна.

Responsive-designs

Вверху в выпадающем списке можно выбрать необходимое разрешение экрана или ввести свои значения ширины и длины страницы. Например, чтобы в скриншот поместилась полностью страница сайта из примера, я установила значение 320*8588. Теперь остается только нажать на кнопку Скриншот, и он будет сохранен на ваш компьютер в формате png.

Responsive-designs-screenshot

Способ 2:

Этот способ подойдет абсолютно всем, т.к. для него вам не потребуется браузер Mozilla Firefox.
Заходим на страницу сервиса screenpage.ru, вводим адрес интересующего нас сайта, выбираем необходимую ширину экрана и нажимаем кнопку Сделать снимок.

Screenpage

Через несколько секунд в строке Состояние появится сообщение о готовности скриншота.

Screenpage-ready

Теперь можете просмотреть его в новой вкладке или сохранить на свой компьютер.

Надеюсь, моя статья была вам полезна!

Если у вас остались вопросы или что-то не получается, пишите в комментариях, я обязательно постараюсь вам помочь.

0 комментариев :

Ваш e-mail не будет опубликован. Обязательные поля помечены *