Скриншоты и как их делают

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

В среде тестирования, как и во всем IT, это считается дурным тоном и непрофессионализмом.

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

Скриншот на Desktop

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

Зачем нужны скриншоты?

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

Таким образом, использование скриншотов значительно облегчает нам коммуникацию.

Что чаще всего мы выделяем на скриншоте?

  • Рабочая область — сайта или программы, где творится все действо.
  • Путь к файлу или URL — собственно как мы туда попали.
  • Открытая консоль — если нам нужно показать баги и коды ошибок.
  • “Хлебные крошки”, что отображают путь до нужной страницы.
  • И иногда версию и ревизию стенда.

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

Начнем с программ

LightShot
Ссылка  для скачивания: https://app.prntscr.com/ru/

Особенности:

  • возможность редактирования самого скриншота;
  • сохранение скриншота как на ноутбук, так и в облачное хранилище;
  • нет горячих клавиш.

Monosnap
Ссылка  для скачивания: https://monosnap.com/

Особенности:

  • возможность редактирования самого скриншота; 
  • сохранение скриншота как на ноутбук, так и в облачное хранилище. И бонусом картинка в буфере обмена либо ссылка после загрузки в облако. Так можно поделиться  как сразу картинкой, так и ссылкой на скриншот;
  • сохранение видео в облако или на ноутбук;
  • видео сохраняется в формате mp4;
  • есть ограничение по объему облака для видео и скриншотов, необходимо периодически удалять старое;
  • звук отходит от видео при длительной съемке, так что подходит для коротких записей или без звука.

Горячие клавиши:

  1. Alt+ Ctrl+5 Скриншот области экрана;
  2. Alt+ Ctrl+6 Скриншот всего экрана.

ScreenShooter
Ссылка  для скачивания: https://ru.screen-shooter.com/

Особенности:

  • широкий выбор инструментов для редактирования;
  • можно сохранять скриншоты на жесткий диск, в буфер обмена, на Яндекс.Диск, Dropbox, OneDrive, GoogleDrive.

Горячие клавиши:

  1. Alt+Shift+1 Снимок экрана;
  2. Alt+Shift+2 Снимок области;
  3. Alt+Shift+3 Снимок окна.

Movavi Screen Recorder
Ссылка  для скачивания: https://www.movavi.ru/screen-capture/

Особенности:

  • более ориентирована на запись видео;
  • особенно полезна будет в тестировании сервисов и сайтов, предполагающих проигрывание видео, а также при тестировании игр;
  • короткий период демоверсии.
    За все в жизни приходится платить. 🙂

Расширения

Для браузера Google Chrome


FireShot
Ссылка  для установки: https://chrome.google.com/webstore/detail/take-webpage-screenshots/mcbpblocgmgfnpjjppndjkmgjaogfceg?hl=ru

С помощью данного расширения можно захватить всю страницу браузера целиком, а не только ее видимую область. Сравните:

и

Как говорится, разница на лицо. На первом скрине мы видим только часть страницы, на втором — полностью, от начала и до конца.

Особенности:

  • скрин всего окна браузера;
  • скрин видимой области;
  • скрин выбранного региона;
  • сохранение в формате pdf;
  • а также в png и jpg.

Nimbus Capture
Ссылка  для установки: https://chrome.google.com/webstore/detail/nimbus-screenshot-screen/bpconcjcammlapcogcnnelfmaeghhagj?hl=ru

Особенности:

  • запись видео;
  • настройка формата скриншотов;
  • горячие клавиши.

Горячие клавиши:

  1. Видимая часть страницы Ctrl+Shift +1;
  2. Захват фрагмента Ctrl+Shift +2;
  3. Фрагмент+прокрутить Ctrl+Shift +3;
  4. Скриншот всей страницы Ctrl+Shift +4;
  5. Скриншот всего экрана Ctrl+Shift +5;
  6. Начать запись страницы Ctrl+Shift +7;
  7. Закончить запись страницы Ctrl+Shift +9.

Расширения для Яндекс Браузера


Cardse
Ссылка  для установки: https://addons.opera.com/ru/extensions/details/cardse-make-screenshots-and-upload-images/

Особенности:

  • скрин всего окна браузера;
  • скрин видимой области;
  • загрузка в хранилище с получением ссылки на изображение.

Скриншотер Listick.ru
Ссылка  для установки:  https://addons.opera.com/ru/extensions/details/skrinshoter-dlia-listickru/

Особенности:

  • требует регистрации;
  • сохраняет скриншоты на сервис, а также различные заметки.

Таким образом, у нас в распоряжении имеется довольно много способов сохранять скриншоты и видео. Выбирайте на свой вкус. 🙂

Метки
#Тестирование ПО (2)Android (1)Cache (1)Cookie (1)courses (1)HR (1)iOS (2)java (1)Jedi Point (6)kaizen (2)pairwise (1)QA (14)QualityLab (1)REST API (1)selenium (1)SOAP UI (1)softskills (1)softwaretesting (1)SQA Days-25 (1)sql (5)TestSuites (1)usability (2)web (1)БАГИ (1)Исследовательское тестирование (2)Истории поинт (8)Команда разработки (1)Курс тестирования для начинающих (1)Кэш (1)Мнемоники (1)Мнемоники в тестировании (1)Нина Агеева (4)ПОИНТ (37)ПРомо-вебинар (1)Роман Буданов (3)Скриншот (3)Таблица решений (1)Тестирование (14)Тестирование ПО (2)Тест менеджмент (1)Тренер (11)Туры (1)автоматизация (2)алгоритмы (1)баг (1)безопасность (1)введение в тестирование (1)декомпозиция (1)домашки (1)займемсяпоинтом (1)игры (1)идеальный мир (1)интернет (1)истории выпускников (8)как надо тестировать (2)комбинаторика (1)конференция (1)котик (1)курс для начинающих тестировщиков онлайн (1)лайфхак (1)мобилки (3)мобильное тестирование (4)настройка мозгов (1)начинающий тестировщик (6)негативное тестирование (2)обучение (1)обучение тестированию (5)организация тестирования (1)персонажи (1)планирование (1)постановка мозгов (2)работа над ошибками (1)рабочий процесс (1)радиоСаня (1)режим разработчика (3)резюме (1)скринкаст (1)сопроводительное письмо (1)с чего начать (1)тайм-менеджмент (1)тестировани (1)тестирование usability (2)тестирование безопасности (1)тестирование веб (2)тестирование игр (2)тестирование мобильных приложений (1)тестировщик (5)улучшайзинг (1)ученик (2)фреймворки (1)чеклист (1)чит лист (1)что должен делать тестировщик (1)ятренерпоинт (1)
С 28.10 по 26.12, ОНЛАЙН Зарегистрироваться