Генерация отчетов с помощью снимков экрана из веб-приложения SPA - выбор и параметры дизайна - PullRequest
Новая
       8

Генерация отчетов с помощью снимков экрана из веб-приложения SPA - выбор и параметры дизайна

0 голосов
/ 02 января 2019

Требование

Для нескольких экранов и действий на моем веб-сайте SPA (за аутентификацией) мне нужно делать снимки экрана. Конечная цель - экспортировать изображения в презентацию Powerpoint.

Снимки экрана должны быть сделаны для нескольких сценариев, таких как:

  1. При нажатии кнопки, которая увеличивает другой элемент на экране (без обновления страницы)

  2. Выбор параметров на экранах и последующий снимок экрана

Изученные параметры :

  1. Используйте такой инструмент, как Chrome Puppeteer, Selenium или Cypress, и отрисовывайте веб-сайт без головы в бэкэнде и делайте скриншоты.

Вопрос

  1. Есть ли способ, которым это может быть достигнуто в JavaScript?
  2. Может ли браузер запустить другой безголовый браузер?
  3. Есть ли лучшие варианты дизайна?

1 Ответ

0 голосов
/ 02 января 2019

Вы можете достичь этого с помощью библиотеки Javascript (например, html2canvas ) Недостатком является кросс-браузерная поддержка (нет гарантии, что он будет выглядеть одинаково во всех браузерах) Так что используйте его, только если вы визуализируете простые элементы HTML / CSS

Маленький сервер под управлением Puppeteer - лучший вариант IMO

...