В тестувальників іноді виникає потреба зробити не просто скріншот, а “сфотографувати” сторінку в браузері повністю, зверху й до самого низу (наприклад рецептом борща з кулінарного сайту поділитись 😉 )
Як це зробити в різних браузерах без встановлення сторонніх плагінів?
Chrome
- Відкрити консоль (
Ctrl+Shift+I) - Відкрити меню команд (
Ctrl+Shift+P) - Виконати команду “Capture full size screenshot”
➤ png файл буде збережено в папку Downloads
Microsoft Edge (Chromium)
Оскільки під капотом Chromium, то можна зробити через консоль так само як в Chrome. Але Microsoft додає в Edge багато своїх фіч, серед яких є й можливість робити screenshot, та ще й потім його редагувати:
- Меню -> Web Capture (або
Ctrl+Shift+S) - Опція “Full Page”
➤ Відкриється вікно редагування з можливістю малювати олівцем, зберігати у файл, копіювати в буфер
Firefox
- Відкрити консоль (
Ctrl+Shift+I) - В консолі відкрити опції (
F1) - Ввімкнути опцію “Take a screenshot of the entire page”
- Натиснути кнопочку з камерою “Take a screenshot of the entire page”, що з’явилась на панелі інструментів консолі
➤ png файл буде збережено в папку Downloads
Safari
- Відкрити консоль на вкладці з інспектором елементів (
CMD+OPT+I) - Ctrl+Click на елементі <body>
- В контекстному меню обрати “Capture Screenshot”
➤ Відкриється діалог збереження png файлу
А вам часто доводиться “фоткати” рецепт борщу повну сторінку?