Full-page screenshot

В тестувальників іноді виникає потреба зробити не просто скріншот, а “сфотографувати” сторінку в браузері повністю, зверху й до самого низу (наприклад рецептом борща з кулінарного сайту поділитись 😉 )
Як це зробити в різних браузерах без встановлення сторонніх плагінів?

Chrome

  1. Відкрити консоль (Ctrl+Shift+I)
  2. Відкрити меню команд (Ctrl+Shift+P)
  3. Виконати команду “Capture full size screenshot”
    ➤ png файл буде збережено в папку Downloads

Microsoft Edge (Chromium)
Оскільки під капотом Chromium, то можна зробити через консоль так само як в Chrome. Але Microsoft додає в Edge багато своїх фіч, серед яких є й можливість робити screenshot, та ще й потім його редагувати:

  1. Меню -> Web Capture (або Ctrl+Shift+S)
  2. Опція “Full Page”
    ➤ Відкриється вікно редагування з можливістю малювати олівцем, зберігати у файл, копіювати в буфер

Firefox

  1. Відкрити консоль (Ctrl+Shift+I)
  2. В консолі відкрити опції (F1)
  3. Ввімкнути опцію “Take a screenshot of the entire page”
  4. Натиснути кнопочку з камерою “Take a screenshot of the entire page”, що з’явилась на панелі інструментів консолі
    ➤ png файл буде збережено в папку Downloads

Safari

  1. Відкрити консоль на вкладці з інспектором елементів (CMD+OPT+I)
  2. Ctrl+Click на елементі <body>
  3. В контекстному меню обрати “Capture Screenshot”
    ➤ Відкриється діалог збереження png файлу

А вам часто доводиться “фоткати” рецепт борщу повну сторінку?

Позначки:
13 Квітня 2021
Автор: 
  • Нас 1000! Ачівмент анлокд: новий стікерпак з багами!
  • Hunting a Linux kernel bug
  • 15 причин використовувати Selenium IDE в 2019-му
  • Як оцінити проєкт з автотестування?

Залишити коментар

Залишити вiдгук