Мне нужно сделать снимок экрана веб-сайта, как он выглядит на мониторе с очень высоким разрешением ... скажем, 4000x3000 пикселей. Экран моего ноутбука имеет родное разрешение 1400x768. По сути, мне нужно смоделировать разрешение монитора намного выше, чем на самом деле поддерживает мой монитор и видеокарта. Я хочу, чтобы скриншот сайта выглядел почти так же, как и при повторном нажатии CTRL MINUS (уменьшение) в Firefox, но без потери пикселей из-за масштабирования. Как я могу это сделать? Есть ли какой-нибудь способ использовать программное обеспечение виртуальной машины для имитации дисплея со сверхвысоким разрешением? Если нет, есть ли какой-нибудь способ открыть окно браузера больше экрана, а затем каким-то образом захватить его содержимое в формате PNG? Что-нибудь еще, что могло бы работать?
8 ответов
Вы можете сделать это с помощью Firefox и двух расширений: Web Developer и FireShot.
После установки обоих расширений перейдите в Инструменты - Веб-разработчик - Изменить размер - Изменить размеры изменения ....
Добавьте новый размер, 4000 x 3000. Установите флажок "Изменить размер области просмотра", если вы хотите, чтобы только содержимое страницы было 4000x3000. Если вы не проверите это, полное окно Firefox (с панелями инструментов, меню, ...) будет установлено в это измерение.
Достигнув нужного размера, перейдите в Инструменты - FireShot - Захватить всю страницу и .... Выберите действие, например «Сохранить». Это позволит сохранить содержимое страницы, установленное веб-разработчиком, до желаемого размера.
Между тем (по крайней мере, год или два - начиная с версии 15, если я не ошибаюсь), Firefox поддерживает это напрямую через встроенные инструменты разработчика.
Либо нажмите Ctrl Shift M, либо выберите Responsive Design View из значка инструментов разработчика в меню полос.
Это откроет это представление, которое позволит вам выбрать из набора предустановок, а также ввести любое желаемое разрешение и напрямую сохранить снимок экрана в формате PNG на диск одним щелчком мыши:
На Mac Paparazzi может помочь, используя графический интерфейс или синтаксис URL, например:
папарацци:(ширина = 4000, высота = 3000, maxheight = 3000)Как сделать снимки экрана браузера с более высоким разрешением, чем поддерживает мой браузер?
Синтаксис URL можно легко превратить в букмарклет. Папарацци использует движок рендеринга WebKit.
Я использую дополнение FireFox под названием Abduction для создания .png снимка веб-страницы в полном объеме. К сожалению, это дополнение еще не было обновлено для совместимости с FireFox 3.6.
Похоже, ScreenGrab сделает то же самое.
Firefox 16 и более поздних версий теперь содержит возможность управления размером области просмотра с помощью консоли разработчика:
Откройте Инструменты ... Веб-разработчик ... Панель инструментов разработчика
Измените размер окна просмотра с помощью этой команды:
resize to 5000 5000
Снимок экрана с помощью этой команды:
screenshot output.png
Что ж, с Linux (или установкой X Window System любого типа) вы можете установить виртуальный рабочий стол, который больше вашего монитора. Вы прокручиваете его, но я думаю, вы могли бы развернуть свой браузер и сделать снимок экрана.
Я не знаю, есть ли способ сделать это в Windows или OS X.
Я считаю, что использовать онлайн-сервисы типа thumbalizr проще, чем устанавливать плагины для браузера, если вам не нужно делать это часто.
В Chrome есть несколько расширений, таких как:
Снимок экрана веб-страницы (у меня не работал, возможно, сейчас есть ошибка)
Есть еще один скриншот веб-страницы, но у меня недостаточно репутации, чтобы опубликовать более двух ссылок