Как сделать скриншот страницы полностью?

Question

[Quber]

Скачивал несколько десктопных программ. Устанавливал несколько расширений в браузер. Но ни одно из них не может сделать скриншот длинной страницы (5-6 прокруточных экранов). Страница находится локально и не доступна через интернет. Все мои попытки сделать скриншот приводили либо к скриншоту видимой области, либо к скриншоту 2-х или 3-х прокруточных экранов.

Собственно сабж.

Comments

[sv492]

В Chromium, Chrom и что на этом движке

1. Нажмите Ctrl-Shift-I (или Cmd-Option-I на Mac).
2 Нажмите Ctrl-Shift-P (или Cmd-Shift-P на Mac).
3. Введите слово screenshot.
4. Выберите какой вам скриншот нужен. Всей страницы или части.

Всё.

Answer 1

[Алексей]

В Firefox Shift-F2 и вводим screenshot file.png --fullpage

Comments

[Евгений]

"очень" удобно

[xmoonlight]

Супер! не знал! Ярлык команды можно вытащить на панельку?

[Алексей]

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

[Quber]

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

[Avivar]

Quber: странно, работает все, вот пример puu.sh/e8WDv/910897347f.png

[Quber]

Avivar: я не сомневаюсь, что оно в принципе работает. Только вот не все страницы умеет сохранять. Мою не получилось сохранить никаким способом. Сохранение происходит только видимой части, та которая на экране. Макет свёрстан с помощью twitter bootstrap.

[Георгий Волокитин]

Круто! Спасибо!

[Александр Иванов]

Когда это узнал ещё сильнее мозилу полюбил, ещё с видео в HTML5 у неё дела лучше чем у webkit

[8MegAmaX8]

Способ номер 1. СПАСИБО! До этого всякими непонятными штуками делал)

[Porik]

Помогает, но не во всех случаях.... столкнулся с тем что в одном из конструкторов заблокирована возможность делать скрин шаблона. Мне помог совет по установке расширения гуглхром (правда пришлось дать ему доп. разрешения)

[Don_Zepedro]

В ubuntu 20.04 в Firefox нажимай alt+f2

Answer 2

[sokoloff-rv]

Удивлен, что на айтишном ресурсе никто не рассказал про способ сделать скриншот через консоль разработчика в Google Chrome.
1. Ctrl-Shift-I - открываем консоль разработчика.
2. Ctrl-Shift-M - переключаемся в режим эмуляции устройств.
3. Выбираем в настройках нужный девайс. Если хотим сделать десктопный скриншот, то выбираем в настройках Laptop with MDPI screen или создаем девайс вручную как нам нравится.
4. Нажимаем теперь на три вертикальные точки "More options" (в верхней горизонтальной панели максимально справа) и выбираем "Capture full size screenshot", после чего готовая картинка скачается в формате PNG.
Способ прекрасен тем, что создает один скриншот, а не делает несколько, которые склеиваются друг с другом, из-за чего потом фиксированные элементы дублируются по нескольку раз. Ну и плюс не нужно захламлять браузер лишними расширениями.

Comments

[Денис Загитов]

Самый лучший способ! Спасибо огромное!

[Gitley]

DevToolы вообще должны быть у каждого уважающего себя айтиста на первом месте.

[Liz__ka]

Если бы в конце ещё была горячая клавиша для сохранения в web, можно было бы от счастья умереть :-)

[Vohr]

Класс!

[Артём Пешков]

Странно, у меня нет такого.

[sokoloff-rv]

Артём Пешков, значит вы что-то делаете не так ) В актуальной версии Chrome - 87 - всё работает.

[Артём Пешков]

sokoloff-rv, аааа, ЭТИ три точки ) Теперь вижу, да. Я просто жал те которые еще правее (возле крестика закрытия), ориентируясь на текст "максимально справа" ) Спасибо.

[Oleksandr_Danyliuk]

Cупер!)

[Сергей Бабич]

Спасибо большое

[Дмитрий Ушаков]

Огонь, спасибо большое за этот способ!

[slavon141]

sokoloff-rv А куда сохраняются скрины, в буфере пусто

Answer 3

[Евгений]

https://chrome.google.com/webstore/detail/full-pag...

Comments

[Quber]

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

[opion]

Quber: я попробовал и он сделал локальную html страницу целиком.

[Дмитрий]

Quber: ты криволапый по-моему. Нормально там всё делается.

[Porik]

У меня все сработало, обычно я делал скрин полной страницы штатными средствами FireFox, но когда я в одном из конструкторов попытался сделать скрин шаблона сайта он делал только видимую часть экрана..... помог только способ с установкой расширения для гуглхром (правда пришлось дать ему какие-то доп. разрешения, писал что-то там про iframe)

[Сергей Батраков]

Quber, Все нормально делает полностью страницу.

[Виталий Разумовский]

спасибо, давно искал )

[Katy88]

Евгений! Спасибо большое человеческое!
Настроение +100

[Павел]

Отличная вещь - быстрая, без лишней возни. Спасибо.

Answer 4

[Павел Белоусов]

Я давно для себя нашел отличную программу FastStone screenCapture именно из-за необходимости снятия скриншота с прокруткой. Она даже простенькое видео может снимать.

Comments

[Belkinsword]

Как же я забыл про неё!? 10 лет назад ничего лучше не было и оказывается до сих пор обновляется.

[TanyaSvetl]

Спасибо за совет - очень пригодился!!!

[Павел Белоусов]

Ещё есть ShareX - сильно лучше :)

Answer 5

[Gran Torino]

Nimbus Screenshot Расширение под все браузеры. Короче это не просто скриншотер, а целый сервис по обработке и редактированию скриншотов, само расширение делает скриншот страницы (разных ее модификаций включая и локальные) и отправляет на сервер для дальнейшей обработки и отправки/сохранения/редактирования и т.д.

Comments

[Борис Шпаковский]

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

[hartmannz]

Спасибо, долго искал, не мог вспомнить, что за расширение для скрина фрагмента с прокруткой, когда-то стояло, потом почему-то удалил. Это лучшее расширение для этих целей

Answer 6

[xmoonlight]

fireshot
UPD1: делаю еще так (скрипт phantomjs):

var   system = require('system');

if (system.args.length !=2) {
    console.log('Usage: '+system.args[0]+' domain');
    phantom.exit(1);
} else {
var domain = system.args[1];

var page = require('webpage').create();
page.viewportSize = {
  width: 1280,
  height: 800
};
page.open('http://'+domain+'/', function() {
  page.render(''+domain+'.png');
  phantom.exit();
});

}

Comments

[Quber]

Fireshot not available for Firefox 36.0

[xmoonlight]

Quber: у меня win32, FF34.. не знал...

Answer 7

[Risiki]

Есть отличная программа Joxi. Если установить как плагин, то есть функция сделать скриншот страницы целиком.

Comments

[Gran Torino]

на каков браузер есть этот плагин?

Answer 8

[Buyan02]

firefox у меня 34.0.5 "Инструменты>Веб-разработка>Показать/скрыть инструменты>Настройка (шестерёнка на панели инструментов)>Доступные кнопки инструментов>Отмечаем "Сделать скриншот всей страницы"", появляется иконка фотоаппарата, открываем нужную страницу, клацаем, ищем скриншот в папке закачек.
С локалки у меня все работает.
Либо ищем прогу FarStone Capture, у меня в некоторых браузерах с ней глюки.

Comments

[Quber]

у меня нет такой кнопки инсрументов (сделать скриншот всей страницы)

[Buyan02]

Тогда второй вариант.

Answer 9

[Klasspacan]

Вот здесь очень подробно написано, как сделать скриншот длинной страницы:
kompum.ru/sovetyi/kak-sdelat-skrinshot-dlinnoy-str...
Самый удобный способ, на мой взгляд - второй, через онлайн-сервис.

Answer 10

[ascJlepius]

Ctrl + Shift + S в Firefox из будущего.

Answer 11

[LMI]

Используй браузер Maxthon. Там по умолчанию есть функция (Ctrl + F2) снятия скриншотов на весь экран.

Comments

[Gran Torino]

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

Answer 12

[zds]

Для снимка всей страницы, а не только видимой части в браузере, выбирайте "Capture entire page" (ctrl+shift+e)
https://chrome.google.com/webstore/detail/awesome-...

Comments

[Инсаф Адельбаев]

элемент не найден

Answer 13

[Вадим Сибыч]

Порекомендую QIP Shot, хорошая программа.

Answer 14

[Дмитрий Зеленов]

Для Яндекс.Браузера (а возможно и для других):
https://addons.opera.com/ru/search/?query=full+pag...

Answer 15

[sstars]

SnapSnap.site - просто и быстро, можно и полностью, и первый экран

Answer 16

[webscream]

Я использую расширение в Google Chrome FireShot.

Answer 17

[The_Gothic]

В новых версиях Firefox:
Ctrl + Shift + S,
Либо ПКМ - сделать снимок экрана.

Answer 18

[h8nor]

F11 - полный экран, Ctrl + Shift+ K - Консоль веб-разработчика*

:screenshot screen.png --fullpage
или в буфер обмена с задержкой 3 секунды
:screenshot --fullpage --clipboard --delay 3

Если не работает Ctrl + Shift+ S