Инструменты для захвата и конвертирования Интернета

Как сделать скриншот веб-страницы вашего пользователя в JavaScript

Вы когда-нибудь хотели сделать скриншот веб-страницы пользователя? Возможно, чтобы включить более легкое исправление ошибок или пользователь intулучшения внешнего вида? Ну, вы можете с JavaScript API GrabzIt.

Для захвата страницы пользователя вы должны использовать ConvertPage метод. Это отправляет нам содержимое страницы пользователей для конвертации into изображение, PDF, DOCX или что-либо еще, что мы поддерживаем. Важно помнить, что любые ресурсы, такие как CSS или изображения, не могут быть загружены, кроме как на скриншоте, если они не доступны публично. Однако это обычно так.

Простой пример, приведенный ниже, показывает, как легко снимать с экрана веб-страницу пользователя с помощью библиотеки GrabzIt. Просто поместите код внизу страницы, которую вы хотите захватить.

<script src="https://cdn.jsdelivr.net/npm/@grabzit/js@3.3.7/grabzit.min.js"></script>
<script>
GrabzIt("Sign in to view your Application Key").ConvertPage().Create();
</script>

Обратите внимание, что вы можете передать любой параметры позволяет JavaScript API для ConvertPage метод, чтобы дополнительно настроить свой скриншот. Например, в приведенном ниже примере мы делаем скриншот такой же ширины, что и веб-страница пользователя, сохраняя его полную высоту.

<script src="https://cdn.jsdelivr.net/npm/@grabzit/js@3.3.7/grabzit.min.js"></script>
<script>
GrabzIt("Sign in to view your Application Key").ConvertPage({
   "bwidth":document.documentElement.clientWidth,
   "bheight": -1, 
   "height": -1,
   "width": -1
}).Create();
</script>

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

<script src="https://cdn.jsdelivr.net/npm/@grabzit/js@3.3.7/grabzit.min.js"></script>
<script>
setTimeout(function(){
   GrabzIt("Sign in to view your Application Key").ConvertPage({
      "bwidth":document.documentElement.clientWidth,
      "bheight": -1, 
      "height": -1,
      "width": -1
   }).CreateInvisible();
}, 30000);
</script>

В приведенном выше примере мы автоматически создаем скриншот веб-страницы пользователя каждые 30 секунд. Но вместо добавления скриншота на веб-страницу пользователя или загрузки его, как Create метод, использованный в предыдущих примерах, подойдет, в зависимости от формата. CreateInvisible используется метод, который не будет возвращать результат пользователю.

После этого вы можете save скриншот JavaScript используя один из следующих методов. Параметр экспорта для экспорта результатов в Amazon, Dropbox, FTP или другие. Или вы можете использовать событие финиша для вызова веб-службы save результат или DataURI способ опубликовать результат в веб-сервисе.

Очевидно, само собой разумеется, что вам, вероятно, нужно будет сообщить своим пользователям, что вы делаете это.

Вы можете начать скриншот текущей веб-страницы бесплатно, создание учетной записи и копирование приведенного выше кода intвеб-страница, которую вы хотите захватить. Помните, что чтобы другие люди не использовали вашу учетную запись, вы должны авторизовать свой домен прежде чем он будет работать на вашем сайте.