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

Обновлено: 22.11.2024

Вероятно, вы знаете несколько способов делать снимки экрана на компьютере, в том числе с помощью кнопки "Печать экрана" и инструмента "Ножницы" в Windows 10.

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

Вот как сделать снимок экрана в Google Chrome на Mac или ПК.

Ознакомьтесь с продуктами, упомянутыми в этой статье:

Apple Macbook Pro (от 1299 долларов США в Apple)

Acer Chromebook 15 (от 179,99 долларов США в Walmart)

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

<р>1. Откройте Google Chrome и нажмите Ctrl + Shift + I, если вы на ПК, или Command + Option + I, если вы на Mac — это буква I, а не буква L. Откроется меню разработчика, которое называется Инспектор элементов, который позволяет увидеть HTML-код, с помощью которого создана текущая веб-страница.

<р>2. Затем нажмите Ctrl + Shift P, если вы на ПК, или Command + Shift P на Mac. Это позволит вам выполнять поиск по списку инструментов разработчика.

После нажатия сочетаний клавиш вы должны увидеть инспектор элементов и меню поиска. Дэйв Джонсон/Business Insider

<р>3. Введите «скриншот». Не нажимайте Enter. Вы должны увидеть набор из четырех вариантов снимков экрана.

Вот что делает каждый из четырех вариантов скриншота:

  • Снимок экрана области. Это позволяет выбрать определенную часть экрана и сохранить ее как снимок экрана. Если вы выберете эту опцию, через мгновение вы сможете перетаскивать поле с помощью мыши в любом месте окна Chrome. Выберите часть страницы, которую вы хотите захватить, и она будет сохранена. Обратите внимание, что вы не можете использовать этот инструмент для захвата самого Инспектора элементов — он никогда не будет включен в снимок экрана.
  • Сделайте полноразмерный снимок экрана. Эта опция сохраняет изображение всей веб-страницы сверху донизу. Это удобный способ получить изображение длинной страницы, выходящее далеко за пределы нижней части экрана.
  • Снимок экрана узла. Это больше интересно разработчикам, так как позволяет захватывать изображение только определенного HTML-элемента, выбранного в инспекторе элементов.
  • Снимок экрана. Это больше всего похоже на стандартный скриншот. Он сохраняет изображение того, что в данный момент видно на вашем экране.
<р>4. Используя клавиши со стрелками на клавиатуре, прокрутите вниз до нужного и нажмите Enter. Ваш скриншот будет сделан и автоматически сохранен. Вы можете найти его в диспетчере загрузок Chrome в нижней части окна.

Основное различие между использованием клавиши Print Screen и этим инструментом Chrome заключается в том, что инструмент создания снимков экрана Chrome не включает границы самого окна браузера Chrome — только содержимое веб-страницы.

Chrome предлагает несколько способов сделать снимок экрана, но расширения добавляют еще больше возможностей

Когда дело доходит до создания скриншотов в Chrome, единый набор инструкций не подойдет для каждого пользователя.

К сожалению, универсального способа сделать снимок экрана не существует, а выполняемые элементы управления будут различаться на разных машинах. Более того, некоторые устройства имеют несколько способов захвата всего экрана, и у объекта, снимок экрана которого вы делаете, также может быть свой собственный метод. В Google Chrome, например, есть несколько удобных сочетаний клавиш для захвата всего экрана.

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

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

Сделать снимок экрана в Chrome без расширения

Встроенные в Chrome инструменты для создания скриншотов невероятно просты в использовании, но при этом невероятно запутаны. Обычному пользователю может быть сложно найти, где он находится или даже как его вызвать. На самом деле они находятся на панели инструментов разработчика Chrome, поэтому пользователям нужно будет их искать.

Для начала откройте инструменты разработчика в Chrome одним из следующих трех вариантов:

<р>1.Нажав на три точки в правом верхнем углу браузера. Затем нажмите «Дополнительные инструменты», затем «Инструменты разработчика».

<р>2. С помощью сочетания клавиш: Control-Shift-I в Windows или Linux или Command-Option-I на Mac.

<р>3. Или щелкните правой кнопкой мыши в любом месте веб-страницы и выберите «Проверить» во всплывающем окне.

После вызова панели инструментов разработчика вы откроете меню команд. Для этого нажмите Control-Shift-P в Windows или Linux или Command-Shift-P на Mac.

Автоматизация на базе искусственного интеллекта помогает вашему бизнесу повысить эффективность приложений

Скачать бесплатно

Теперь введите «скриншот» в командном меню, которое предложит вам четыре варианта снимков экрана.

  • «Сделать снимок экрана» — сделать снимок только того, что видно на вашем экране, и ничего более.
  • "Сделать полноразмерный снимок экрана" делает снимок всей веб-страницы, на которой вы находитесь, сверху донизу, даже за пределами того, что вы можете сразу увидеть на экране.
  • "Снимок экрана области" позволяет обвести область, для которой вы хотите сделать снимок экрана, рамкой.
  • "Снимок экрана узла" захватывает элементы HTML/DOM на странице, что большинству людей никогда не понадобится.

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

Как и любую загрузку, ее можно открыть, щелкнув файл в нижней части браузера Chrome или дважды щелкнув файл в папке загрузок. Как и любое изображение, его можно обрезать в редакторе.

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

Лучшие расширения для создания скриншотов в Chrome

Расширение браузера – это часть программного обеспечения, которое вы добавляете в браузер для его настройки. Поскольку Chrome является самым популярным браузером, для него доступны тысячи расширений. Десятки этих расширений предназначены просто для создания скриншотов в Chrome.

Вот пять популярных расширений для снимков экрана и для чего их лучше всего использовать:

Снимок экрана на всю страницу

Есть причина, по которой у него более 4 миллионов пользователей и почти пятизвездочный рейтинг. Во-первых, это бесплатно. Кроме того, это простое в использовании расширение, позволяющее одним щелчком мыши захватить всю текущую веб-страницу.

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

Когда расширение завершит прокрутку, откроется новая вкладка, где вы сможете сохранить скриншот в различных форматах файлов, включая JPEG, PNG или PDF. Если вам нужен PDF-файл, вы также можете настроить размер страницы PDF-файла.

Потрясающий скриншот

Это расширение с высоким рейтингом, бесплатное и имеет множество полезных функций, в том числе:

Эта статья была написана Джеком Ллойдом. Джек Ллойд — технический писатель и редактор wikiHow. У него более двух лет опыта написания и редактирования статей, связанных с технологиями. Он увлекается технологиями и преподает английский язык.

Техническая команда wikiHow также следовала инструкциям в статье и убедилась, что они работают.

Эта статья была просмотрена 277 125 раз.

Из этой статьи вы узнаете, как сделать скриншот содержимого браузера Chrome на компьютере или смартфоне. Хотя все компьютеры и смартфоны имеют встроенные функции создания снимков экрана, вы можете использовать расширение или приложение для Chrome, чтобы упростить процесс создания снимков экрана.

  • Если вы хотите использовать расширение Chrome для создания снимка экрана, выполните оставшуюся часть этого метода.

Я отредактировал этот скриншот значка Android.\n

Google Chrome. Нажмите или дважды нажмите значок приложения Chrome, который выглядит как красный, желтый, зеленый и синий шар.

Откройте страницу "Снимок экрана во весь экран". Это расширение можно установить бесплатно, и оно сделает снимок экрана всей вашей страницы (а не только содержимого окна) в Google Chrome.

При появлении запроса нажмите Добавить расширение. При этом в браузере Chrome будет установлено расширение "Снимок экрана во весь экран".

Перейдите на страницу, скриншот которой хотите сделать. Откройте веб-сайт, услугу или элемент, для которых вы хотите сделать снимок экрана.

  • Если вы не можете найти значок "Снимок экрана во весь экран", нажмите ⋮ и найдите его в верхней части раскрывающегося меню.

Подождите, пока Chrome завершит захват экрана. В зависимости от длины страницы это может занять от секунды до минуты или двух. Как только изображение откроется в новой вкладке, вы можете продолжить.

  • Если будет предложено разрешить полноэкранному снимку экрана доступ к вашим загрузкам, нажмите «Разрешить».
  • Перед загрузкой снимка экрана вас могут попросить указать место загрузки.

  • Если вместо этого вы хотите использовать экранную функцию AssistiveTouch на iPhone, выполните оставшуюся часть этого метода.

Я отредактировал этот скриншот значка iPhone.\n

Я отредактировал этот скриншот значка iPhone\n

Я отредактировал этот скриншот значка iPhone\n

Я отредактировал этот снимок экрана с iPhone\n

Я отредактировал этот скриншот значка Android.\n

Перейдите на страницу, скриншот которой хотите сделать. Откройте веб-сайт, услугу или элемент, для которых вы хотите сделать снимок экрана.

Нажмите значок AssistiveTouch. Это серый куб в правой части экрана. При ее нажатии открывается меню AssistiveTouch.

Нажмите «Снимок экрана» . Эта опция находится в верхней части меню AssistiveTouch. При этом будет сделан скриншот содержимого Chrome, меню AssistiveTouch не включено.

Проведите по скриншоту влево. Скриншот появится в нижней левой части экрана; проведите пальцем влево, чтобы удалить его с экрана и добавить в приложение «Фото» на iPhone.

  • Если вы хотите вместо этого использовать приложение, выполните оставшуюся часть этого метода.

Я отредактировал этот скриншот значка Android\n

Легко открыть снимок экрана. Нажмите ОТКРЫТЬ в магазине Google Play или коснитесь значка приложения Screenshot Easy в форме камеры на панели приложений Android.

  • Вам может быть предложено начать съемку. В этом случае нажмите ОТМЕНА, прежде чем продолжить.

Я отредактировал этот скриншот значка Android.\n

<р>. Переключатель станет синим, указывая на то, что значок в виде камеры появится на экране Android, даже если приложение Screenshot Easy свернуто.

  • На устройствах Samsung вместо этого нажмите НАЧАТЬ СЕЙЧАС.

Нажмите кнопку "Домой". Он находится в нижней части корпуса вашего Android. Это свернет приложение Screenshot Easy.

Я отредактировал этот скриншот значка Android.\n

Перейдите на страницу, скриншот которой хотите сделать. Откройте веб-сайт, услугу или элемент, для которых вы хотите сделать снимок экрана.

Коснитесь значка «Легкий снимок экрана». Это значок камеры, который должен быть в верхнем левом углу экрана. Вы сделаете снимок экрана и через несколько секунд откроете его в приложении Screenshot Easy.

  • Нажмите ⋮ в правом верхнем углу экрана.
  • Нажмите "Сохранить".
  • Нажмите "Сохранить как".
  • При появлении запроса коснитесь Android.
  • Нажмите СОХРАНИТЬ при появлении запроса.
  • Просмотрите снимок экрана, открыв приложение "Фото" или "Галерея" на Android и выбрав снимок экрана из списка последних элементов.

  • Объявление обычно воспроизводится после отключения значка скриншота. Вы можете пропустить добавление, свернув или закрыв приложение Screenshot Easy.

Знаете ли вы, что сотрудники wikiHow могут получить ответы на ваши вопросы? Разблокируйте ответы, проверенные персоналом, поддержав wikiHow

Этот ответ был написан одним из наших обученных исследователей, который проверил его на точность и полноту.

Поддержите wikiHow, разблокировав этот ответ, проверенный нашими сотрудниками.

Этот ответ был написан одним из наших обученных исследователей, который проверил его на точность и полноту.

Поддержите wikiHow, разблокировав этот ответ, проверенный нашими сотрудниками.

Когда вы находитесь в режиме ноутбука, решите, хотите ли вы сделать снимок экрана частично или полностью. Для частичного экрана нажмите Ctrl + Shift + F4 Режим обзора. Чтобы открыть весь экран, нажмите Ctrl + F4 Режим обзора. На планшете нажмите кнопку питания и кнопку уменьшения громкости. Вы также можете сделать снимок экрана с помощью пера Pixelbook: для частичного снимка экрана выберите значок пера, затем «Область захвата», затем перетащите область нужного снимка экрана и поднимите, когда закончите. Чтобы сделать скриншот всего экрана, выберите значок пера, а затем "Снимок экрана" для всего снимка экрана.

Этот ответ был написан одним из наших обученных исследователей, который проверил его на точность и полноту.

Поддержите wikiHow, разблокировав этот ответ, проверенный нашими сотрудниками.

Да, вы можете сделать снимок экрана в Google Chrome, на компьютере, iPhone или Android. На компьютере используйте функции скриншотов Windows или Mac так же, как и для любых других скриншотов. Для iPhone используйте функцию скриншота, а для устройств Android используйте функцию скриншота Android. Каждый из этих методов подробно описан в приведенных выше методах.

Вот четыре простых приема для создания снимков экрана в браузере Google Chrome четырьмя различными способами.

При использовании мобильного устройства или настольного компьютера есть несколько способов сделать снимок экрана.Обычно скриншоты на компьютерах делаются с помощью кнопки «Печать экрана» и инструмента «Ножницы» в Windows.

Но если вы хотите делать снимки экрана в веб-браузере и часто использовать снимки экрана, есть определенные приемы, которым вы можете следовать, чтобы сделать это. Основное различие между экраном печати и инструментом Chrome заключается в том, что снимок экрана Chrome закрывает не границы самого окна браузера Chrome, а содержимое веб-страницы.

Вот простые шаги для создания снимков экрана в Google Chrome:

Персональные компьютеры:

Шаг 1. Откройте браузер Google Chrome.

Шаг 2. Нажмите Control + Shift + I на компьютере.

Шаг 3. Откроется меню разработчика под названием «Инспектор элементов».

Шаг 4. Вы можете просмотреть HTML-страницу.

Шаг 5. Затем нажмите Control + Shift P на компьютере.

Шаг 6. Описанный выше шаг поможет вам найти список инструментов разработчика.

Шаг 7. Вы можете ввести «скриншот», но не нажимайте «Ввод»

Шаг 8. Отобразится набор из четырех вариантов снимков экрана.

Mac:

Шаг 1. Откройте браузер Google Chrome.

Шаг 2. Нажмите Command+Option+I на Mac

Шаг 3. Откроется меню разработчика под названием «Инспектор элементов».

Шаг 4. Вы можете просмотреть HTML-страницу.

Шаг 5. Нажмите Command + Shift P на Mac

Шаг 6. Описанный выше шаг поможет вам найти список инструментов разработчика.

Шаг 7. Вы можете ввести «скриншот», но не нажимайте «Ввод»

Шаг 8. Отобразится набор из четырех вариантов снимков экрана, указанных ниже.

janjf93/Google/JR Рафаэль

Советы по Android Intelligence

  • Скрытая жемчужина Gboard для Android
  • 6 секретных настроек для лучшего просмотра.
  • Летайте вокруг своего телефона с Android.
  • Забытые сверхспособности Android
  • 7 простых шагов, чтобы получить телефон Android.
  • 6 простых способов устранения недостатков Android 12
  • Трюк с быстрыми настройками Android 12.
  • 11 продвинутых трюков с Ассистентом, которые вы должны знать.
  • Боковая панель быстрого доступа Chrome, которой у вас не было.
  • Удобный скрытый ярлык для взятия.

Несмотря на все свои функции и инструменты для веб-спелеологии, в браузере Chrome от Google, как ни странно, отсутствует одна основная функция: возможность сделать снимок экрана посещаемого вами веб-сайта.

Или так может показаться.

Открою малоизвестный секрет: на самом деле в Chrome есть чрезвычайно полезная встроенная команда для создания снимков экрана — никаких расширений не требуется. Он гибкий, эффективный и простой в использовании. И это работает на Windows, Mac, Chrome OS или любой настольной платформе, где доступен Chrome.

Единственная проблема? Он спрятан в таком месте, где ни один нормальный смертный не смог бы его найти.

Приготовьтесь к тому, что ваш мозг взорвется при просмотре веб-страниц.

[По пятницам получайте свежие советы и ценную информацию по электронной почте в информационном бюллетене Android Intelligence от JR. Эксклюзивные дополнения ждут!]

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

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

Круто? Прохладный. Итак, вот простой, удобный и не требующий расширения ярлык для создания снимка экрана в Chrome:

  1. Нажмите Ctrl-Shift-I (или Cmd-Option-I на Mac).
  2. Нажмите Ctrl-Shift-P (или Cmd-Shift-P на Mac).
  3. Введите слово «скриншот».

И это почти все. Вы увидите ряд параметров скриншота, появившихся на панели в правой части экрана. Осталось только решить, какой из них вам нужен:

  • Если вы хотите захватить определенную область текущей страницы, просто нажмите Enter; при этом будет выбран параметр по умолчанию "Снимок экрана области", который затем позволит вам нарисовать рамку вокруг области, которую вы хотите сохранить.
  • Если вы хотите захватить всю страницу, как если бы вы прокручивали ее с самого верха до самого низа, один раз нажмите стрелку вниз и выберите "Сделать полноразмерный снимок экрана".
  • Если вы хотите сделать скриншот только текущей видимой области, один раз нажмите стрелку вверх; это приведет вас к опции "Сделать снимок экрана".

Также есть четвертый вариант "Сделать снимок экрана узла", но вы, вероятно, не захотите с ним связываться.

Какой бы снимок экрана вы ни сделали, он будет отображаться в виде обычного загружаемого файла изображения в нижней части окна браузера; затем вы можете открыть файл, дважды щелкнув его прямо здесь или заглянув в папку загрузок Chrome.

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

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

Вот в чем хитрость: начните с того же первого шага, который мы только что рассмотрели — Ctrl-Shift-I (или Cmd-Option-I на Mac) — затем сделайте паузу на секунду. Видите эту полосу в верхней части экрана, прямо под адресной строкой? Нажмите на область с надписью «Адаптивный» и выберите нужный тип устройства из всплывающего списка.

В результате просматриваемый вами сайт будет выглядеть так, как будто вы просматриваете его на выбранном вами телефоне. Круто, нет?

младший

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

младший

Ctrl-Shift-I, Ctrl-Shift-P, "скриншот". Произнесите, спойте, запомните — и навсегда измените способ создания снимков экрана в браузере Chrome для настольных ПК.

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

Ведущий редактор Дж. Р. Рафаэль рассказывает лакомые кусочки о человеческой стороне технологий. Жаждете большего? Присоединяйтесь к нему в Твиттере или подпишитесь на его еженедельный информационный бюллетень, чтобы каждую пятницу получать свежие советы и ценную информацию на свой почтовый ящик.

Читайте также: