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

StackOverflow https://stackoverflow.com/questions/701798

  •  22-08-2019
  •  | 
  •  

Вопрос

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

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

Как я могу это сделать, не устанавливая что-либо на компьютере конечного пользователя?Есть ли в javascript какой-то API screen cap?

Это было полезно?

Решение

Вы можете схватить innerHTML страницы, а затем обработать ее на сервере:

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

Другие советы

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

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

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

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

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

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

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

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

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

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

Должно быть, я что-то упускаю, но не могли бы вы просто...

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

Видишь этот вопрос.В принципе, нет, не с помощью javascript.Возможно, с помощью ActiveX, но это вернемся к установке вещей на клиентский компьютер.

Рассмотрите возможность написания серверного скрипта, который в точности повторяет запрос пользователя (при условии, что это не после ПУБЛИКАЦИИ) и сохранения результирующего html-файла.

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

Вы также можете взглянуть на то, как Evernote выполняет захват экрана, и, возможно, вы сможете подключиться к этому или создать свое собственное расширение для Chrome. https://chrome.google.com/webstore/detail/evernote-web-clipper/pioclpoplcdbaefihamjohnefbikjilc?hl=en

Лицензировано под: CC-BY-SA с атрибуция
Не связан с StackOverflow
scroll top