Веб-сайт или букмарклет, чтобы получить скриншот веб-страницы [закрыто]


17

Существует ли веб-сайт или букмарклет, для которого задан URL-адрес, будет выводиться снимок экрана с этой страницей?

В идеале должны быть варианты изменения размера выводимого изображения.


скриншот того, что вы видите прямо сейчас (текущее состояние домена) или просто скриншот сайта, как его видят другие?
— Акира

Оба варианта хороши, но последнее меня больше интересует.
— Чувственный

blitapp.com полезен, если вы хотите, чтобы запланированные скриншоты регулярно отправлялись вам по электронной почте.
— justspamjustin

Ответы:


6

Вы можете попробовать Aviary

Это очень просто: скопируйте и вставьте URL-адрес сайта, и Aviary загрузит его в онлайн-редактор изображений (см. Ниже)

У них также есть аддон Firefox и букмарклет, в этом случае он заменит ваш текущий веб-сайт для вас (но на той же вкладке, так что следите!)

альтернативный текст


Похоже, что он делает то, что я хочу, к сожалению, каждый URL, который я даю, не работает. Это просто говорит: «О, о! Мы не могли выполнить захват».
— Чувственный

Я рекомендую дать расширение Chrome, безупречно для меня
— Ivo Flipse



2

Я хотел что-то, что могло бы делать снимки экрана локального сервера, поэтому такой веб-сервис, как Browsershots, был не тем, что я хотел.

Поэтому, используя html2canvas, я создал букмарклет, который делает снимок экрана локально, отображая элементы с помощью canvas.

Чтобы использовать это, скопируйте это как букмарклет:

(function(d,w,h,s,i){w[h]||(s=d.createElement('script'),s.src='//html2canvas.hertzen.com/build/html2canvas.js',d.body.appendChild(s));i=setInterval(function(){w[h]&&clearInterval(i)||w[h](d.body,{onrendered:function(c){w.open().document.body.appendChild(c)}})},250)}(document,window,'html2canvas'));

Затем нажмите на него и, возможно, разрешите всплывающее окно, которое оно создает (оно содержит скриншот).

Например, в Chrome вы должны нажать на крайнюю правую часть адресной строки, вот так:

                                          Скриншот

Затем нажмите на ссылку, соответствующую всплывающему скриншоту, чтобы открыть его.


Привет, этот букмарклет действительно полезен, спасибо, что поделились. Я намеревался настроить его в соответствии со своими потребностями, мне было интересно, почему вы помещаете 5 параметров в функцию и как они получают их значения, поскольку функция вызывается при нажатии на закладку без каких-либо параметров, и эти имена параметров вряд ли быть определенным на каждой веб-странице.
— Чираг Бхатия - chirag64

1
@ Chirag64 Я сделал это так, чтобы сохранить несколько символов (я вроде человека, занимающегося программированием), вот что происходит: параметры d, wи hпередаются в конце (пример:) (function(d){/* d is now an alias to document */}(document)). Четвертый и пятый параметры являются просто местозаполнителями, которые я повторно использовал позже, чтобы сохранить пару символов в varобъявлениях :) Так что я не загрязняю глобальную область видимости при ее разработке.
— Камило Мартин

Это хорошее кодирование прямо здесь. Спасибо за объяснение :)
— Чираг Бхатия - chirag64


0

Я знаю, что это не веб-приложение или букмарклет, но для этой цели я использую плагин Firefox под названием Screengrab . Я не знаю, если это вариант для вас, но вы можете попробовать (если вы используете Firefox, конечно; и я уверен, что будут другие подобные для других браузеров)


0

Greenshot

Попробуйте это программное обеспечение, хороший кусок кода.

Просто нажмите PrintScreen на клавиатуре - появится инструмент, и выберите область снимка экрана, изображение появится!


1
Это программное обеспечение Windows. Я изменил ссылку с .exe на домашнюю страницу.
— Ребекка Чернофф

0

Я попробовал веб-сайты здесь, но они не работали хорошо. И Aviary, и Browsershots не понравились. Вы не должны использовать веб-приложение, а расширение браузера для этого.


0

Если вы ищете плагин для WordPress, который автоматизирует работу для вас, то «Простой скриншот сайта» делает фантастическую работу. Вы можете указать размер эскиза и т. Д.

http://www.digg-it.info/wordpress-simple-website-screenshot-v-0-5

Мы используем его на нашем собственном сайте ( http://productivewebapps.com ), если вы хотите увидеть пример его использования! (Отказ от ответственности: я владелец этого сайта)


Используя наш сайт, вы подтверждаете, что прочитали и поняли нашу Политику в отношении файлов cookie и Политику конфиденциальности.
Licensed under cc by-sa 3.0 with attribution required.