Существует ли веб-сайт или букмарклет, для которого задан URL-адрес, будет выводиться снимок экрана с этой страницей?
В идеале должны быть варианты изменения размера выводимого изображения.
Существует ли веб-сайт или букмарклет, для которого задан URL-адрес, будет выводиться снимок экрана с этой страницей?
В идеале должны быть варианты изменения размера выводимого изображения.
Ответы:
Вы можете попробовать Aviary
Это очень просто: скопируйте и вставьте URL-адрес сайта, и Aviary загрузит его в онлайн-редактор изображений (см. Ниже)
У них также есть аддон Firefox и букмарклет, в этом случае он заменит ваш текущий веб-сайт для вас (но на той же вкладке, так что следите!)
У него нет других вариантов, кроме как сделать снимок экрана, но стоит упомянуть об этом:
Для редактирования вы можете использовать программное обеспечение для онлайн-редактирования.
Я хотел что-то, что могло бы делать снимки экрана локального сервера, поэтому такой веб-сервис, как 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 вы должны нажать на крайнюю правую часть адресной строки, вот так:
Затем нажмите на ссылку, соответствующую всплывающему скриншоту, чтобы открыть его.
d
, w
и h
передаются в конце (пример:) (function(d){/* d is now an alias to document */}(document))
. Четвертый и пятый параметры являются просто местозаполнителями, которые я повторно использовал позже, чтобы сохранить пару символов в var
объявлениях :) Так что я не загрязняю глобальную область видимости при ее разработке.
Проверьте API браузера: https://browshot.com/api/documentation
Вы можете указать любой размер для миниатюры.
Я знаю, что это не веб-приложение или букмарклет, но для этой цели я использую плагин Firefox под названием Screengrab . Я не знаю, если это вариант для вас, но вы можете попробовать (если вы используете Firefox, конечно; и я уверен, что будут другие подобные для других браузеров)
Попробуйте это программное обеспечение, хороший кусок кода.
Просто нажмите PrintScreen на клавиатуре - появится инструмент, и выберите область снимка экрана, изображение появится!
Если вы ищете плагин для WordPress, который автоматизирует работу для вас, то «Простой скриншот сайта» делает фантастическую работу. Вы можете указать размер эскиза и т. Д.
http://www.digg-it.info/wordpress-simple-website-screenshot-v-0-5
Мы используем его на нашем собственном сайте ( http://productivewebapps.com ), если вы хотите увидеть пример его использования! (Отказ от ответственности: я владелец этого сайта)
Этот сайт полезен (с букмарклетом) или этот плагин Firefox (не работает на Retina).