Как сделать снимок экрана с веб-страницей?

Question

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

Один из запросов на добавление функции заключается в отправке снимка экрана с рассматриваемой страницы.

Без установки чего-либо на компьютере конечного пользователя, как я могу это сделать? Есть ли в javascript экранная шапка api?

Answer 1

Вы можете получить innerHTML страницы и затем обработать ее на сервере:

document.getElementsByTagName('html')[0].innerHTML;
// this would also be interactive (i.e. if you've
// modified the DOM, that would be included)

Answer 2

Получите как можно больше информации о пользовательской среде, используя jQuery. (jQuery.support) / пользовательский агент / cookie / входные значения формы, URL (для получения параметров и определения, на какой странице произошла ошибка)

Отправьте источник страницы, как упомянуто Моффом. Попробуйте сериализовать DOM, как сейчас, чтобы вы могли сравнить то, что отличается от исходной страницы.

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

Answer 3

Нет, в javascript нет ничего подобного.

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

Я бы хотел оказаться неправ, но, по крайней мере, это ответ для вас.

Answer 4

Я бы предложил какую-то интеграцию с FireShot , который является бесплатным дополнением Firefox / IE.

Answer 5

Должно быть, я что-то упустил, но ты не можешь просто ...

Нажмите PrtScr на клавиатуре и вставьте в электронную почту.

Answer 6

Взгляните на pagecrop (реализовано с помощью плагина jQuery + jCrop)

Answer 7

Я согласен с другими ответами - без кубиков.

Тем не менее, существует плагин Firefox, Pearl Crescent Page Saver , на который, возможно, стоит обратить внимание для связанных задач.

Answer 8

См. этот вопрос . В основном нет, не с JavaScript. Возможно, с ActiveX, но вернемся к установке вещей на ПК клиента.

Подумайте о написании серверного скрипта, который точно повторяет запрос пользователя (при условии, что он не после POST) и сохранении полученного html-файла.

Answer 9

Плагин Chrome https://chrome.google.com/extensions/detail/ckibcdccnfeookdmbahgiakhnjcddpki

Answer 10

Вы можете использовать веб-решение, например, предложенное на Супер скриншот! или WebShotsPro.com . В зависимости от ваших потребностей, таких как снимки экрана с определенными областями страниц или страницы, недоступные из внешнего мира, он может не сработать, но это идея.