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
Автор: 
Mikhail Chub

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

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