Я разрабатываю приложение Vue, в котором есть функция, которая отображает скриншот текущей веб-страницы и позволяет пользователю вносить базовые c изменения. У меня есть nodejs бэкэнд, использующий кукловода, чтобы сделать скриншот и отправить его обратно в интерфейс. Работает нормально, кроме одного вопроса. Это не принимает текущее состояние пользовательского интерфейса.
Позвольте мне объяснить: у меня есть встроенные карты Google на моей веб-странице. Когда приложение загрузится, оно примет мое текущее местоположение и покажет мне это представление. Теперь допустим, что я переместил карту в другое место и щелкнул инструмент скриншота. Когда запрос на снимок экрана попадает в узел, кукловод запускает новый экземпляр без заголовка на хроме, который по умолчанию отображает мое текущее местоположение вместо местоположения, видимого в пользовательском интерфейсе.
Это не только для карты, у меня также есть диаграммы на странице тоже. Если я добавляю фильтры и изменяю диаграммы локально, когда скриншот возвращается в пользовательский интерфейс, он находится в исходном состоянии без применения фильтров.
В настоящее время я передаю идентификатор элемента I хочу скриншот для кукловода и использования страницы. $ (id). Есть ли способ передать обработанный DOM pupeeteer, чтобы он мог отправить его скриншот вместо того, чтобы раскрутить новый экземпляр?