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

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 ), если вы хотите увидеть пример его использования! (Отказ от ответственности: я владелец этого сайта)

Продуктивные веб-приложения
источник