Как сделать длинный скриншот веб-страницы на Mac

В закладки

Мы уже рассказывали, как делать длинные снимки экрана для сохранения целой веб-страницы на iPhone. Для этого на смартфоне необходимо использовать сторонне приложение из App Store.

На Mac аналогичную операцию можно проделать штатными средствами системы без сторонних утилит и дополнений.

📌 Спасибо re:Store за полезную информацию. 👌

Что нужно настроить

Фишка, позволяющая сделать длинный снимок нужной страницы, завязана на роботе веб-инспектора. Это возможность браузера, которой пользуются верстальщики и веб-мастера.

Для ее включения понадобится перейти в настройки Safari и на вкладке Дополнения активировать переключатель Показать меню «‎Разработка» в строке меню.

После этого увидите целый раздел с дополнительными возможностями браузера на Mac.

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

1. Откройте нужный сайт в браузере.

2. Включите веб-инспектор. Опция доступна в строке меню Разработка – Показать веб-инспектор или через сочетание клавиш Command + Option (Alt) + I.

3. Не пугайтесь! Половину окна браузера займет техническое окно с кодом страницы.

4. Вызовите контекстное меню на второй строчке кода, которая начинается с тега ⟨html⟩

5. В меню выберите пункт Сделать снимок экрана.

6. Укажите место сохранения файла и его имя.

7. После этого можете закрыть веб-инспектор, нажав на крестик или при помощи уже знакомого шортката Command + Option (Alt) + I.

В итоге получите длинный скриншот всей веб-страницы.

В закладки

Как сделать скриншот всей страницы в Safari, Firefox и Chrome на Mac

Бывает много ситуаций, в которых нужно сделать и сохранить скриншот всей веб-страницы. Так можно сохранить целую статью, инструкцию или даже сайт с товарами для шоппинга.

Раньше для этого нужно было устанавливать расширения, а теперь встроенная функция есть во многих браузерах. Ниже расскажем о том, как она работает в Safari, Firefox и Chrome на Mac.

Скриншот всей страницы в Safari

В браузере Safari сначала нужно включить меню «Разработка». Если оно у вас уже отображается, можете пропустить этот шаг.

1) Откройте Safari и в строке меню выберите Safari > Настройки.

2) Выберите вкладку Дополнения.

3) Поставьте галочку рядом с Показывать меню «Разработка» в строке меню.

Теперь откройте веб-страницу, скриншот которой хотите сделать, и:

1) В строке меню нажмите Разработка > Подключить веб-инспектор. Справа или снизу страницы откроется окно веб-инспектора. В нём будет HTML-код страницы.

2) Вверху этого окна правой кнопкой мыши нажмите первую строчку, которая начинается на «html».

3) Выберите Сделать снимок экрана. Не торопитесь, потому что на создание скриншота может уйти несколько секунд.

4) Выберите место сохранения скриншота и при желании измените его название.

Вы можете открыть сохранённый скриншот, чтобы просмотреть всю веб-страницу. Чтобы закрыть веб-инспектор в Safari, просто нажмите значок «x» в левом верхнем углу его окна.

Скриншот всей страницы в Firefox

В Firefox проще всего сделать скриншот всей веб-страницы. Откройте нужную и делайте следующее:

1) Нажмите кнопку с тремя точками справа от адресной строки.

2) Нажмите Сделать скриншот.

3) Сверху справа нажмите Сохранить всю страницу.

4) Нажмите Загрузить, чтобы сохранить изображение, или Копировать, чтобы поместить его в буфер обмена.

Это всё. Как видите, всё максимально удобно!

Скриншот всей страницы в Chrome

В Chrome сделать скриншот всей страницы тоже довольно легко. откройте нужную и следуйте инструкции:

1) Нажмите кнопку с тремя точками в правом верхнем углу.

2) Выберите Дополнительные инструменты, а затем Инструменты разработчика.

3) Когда справа откроется панель, вверху нажмите Toggle Device Toolbar.

4) Вы можете выбрать отображение веб-страницы на разных устройствах или ничего не менять.

5) В правом верхнем углу панели нажмите три точки и выберите Capture full size screenshot.

Изображение будет загружено на устройство, и вы сможете его просмотреть. Закрыть инструменты разработчика можно значком «x» в правом верхнем углу панели.

Теперь вы знаете, как в основных браузерах на Mac можно сделать скриншот всей веб-страницы целиком!

Как сделать скриншот на Mac: исчерпывающее руководство

Как сделать скриншот на Mac с помощью горячих клавиш

Как сделать снимок всего экрана

Нажмите на клавиши Shift + Command + 3. Файл сохранится на рабочем столе в виде PNG-изображения. Это стандартный вариант скриншота, аналогичный нажатию клавиши Print Screen на ПК под управлением Windows.

Как сделать снимок выбранной области экрана

Используйте сочетание клавиш Shift + Command + 4. Курсор сменится значком прицела, с помощью которого нужно выделить желаемый участок экрана. Как только вы поднимете палец, скриншот сохранится.

Выбранную область можно модифицировать с помощью дополнительных клавиш (их нажимают после выделения экрана):

• Shift позволяет изменять границы области по вертикали или горизонтали;
• Option — масштабировать размер области с сохранением пропорций;
• пробел — перемещать выделенную область по экрану.

Esc отменяет выделение.

Как сделать скриншот окна на Mac

Используйте сочетание Shift + Command + 4, потом нажмите на пробел и с помощью курсора выберите нужное окно.

Как сделать скриншот меню на Mac

Чтобы сделать скриншот экранного меню или дока, следует нажать Shift + Command + 4, а затем пробел. Это сочетание работает по тому же принципу, что и предыдущее.

Если после нажатия пробела удерживать клавишу Command, можно выделять не всё меню, а его отдельные элементы.

Как сделать скриншот панели Touch Bar

Нажмите на клавиши Shift + Command + 6. Как и обычные снимки экрана, скриншот Touch Bar появится на рабочем столе в виде PNG-файла.

Как сделать скриншот на Mac в утилите «Снимок экрана»

В macOS Mojave Apple обновила утилиту «Снимок экрана». Теперь её можно вызывать сочетаниям клавиш Shift + Command + 5 и делать описанные выше скриншоты с помощью кнопок на панели инструментов приложения. После выбора варианта скриншота нужно нажать «Снимок», и скриншот сохранится на рабочем столе.

Первая кнопка отвечает за снимок всего экрана, вторая — за скриншот окна, а третья — за снимок выбранной области.

Также в приложении есть возможность записи видео. Четвёртая кнопка на панели инструментов запускает запись всего экрана, а пятая — только выбранной области.

Как настроить скриншоты на Mac

Где бы вы ни вносили изменения, они применятся ко всем скриншотам: и к тем, что сняты с помощью горячих клавиш, и к тем, что сделаны в утилите «Снимок экрана».

Как настроить скриншоты в «Терминале»

1. Как изменить место сохранения

Чтобы скриншоты не захламляли рабочий стол, можно изменить место их сохранения. Например, на папку Screenshots в «Документах». Для этого создайте желаемую папку, если её ещё нет, и введите в «Терминале» такую команду:

defaults write com.apple.screencapture location

/Documents/Screenshots && killall SystemUIServer

Для возврата настроек по умолчанию введите:

defaults write com.apple.screencapture location

/Desktop/ && killall SystemUIServer

2. Как изменить формат

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

defaults write com.apple.screencapture type jpg && killall SystemUIServer

Для возврата к PNG-формату воспользуйтесь командой:

defaults write com.apple.screencapture type png && killall SystemUIServer

3. Как убрать тени

По умолчанию macOS добавляет к скриншотам окон тени. Они выглядят так же красиво, как и в системе, но это не всегда нужно. Чтобы отключить тени, введите в «Терминале» такую команду:

defaults write com.apple.screencapture disable-shadow -bool true && killall SystemUIServer

Вернуть тени можно с помощью этой команды:

defaults delete com.apple.screencapture disable-shadow && killall SystemUIServer

Как настроить «Снимок экрана» в macOS Mojave

На панели инструментов откройте меню «Параметры».

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