Передача тела документа без его редактирования в веб-работнике

Question

Я использую javascript-библиотеку html2canvas, чтобы снимать снимок экрана несколько раз в секунду, но это значительно замедляет сеанс браузера. Функция библиотеки в основном принимает элемент DOM, проходит через него и воспроизводит его как элемент холста. Я хочу каждый раз передавать тело документа веб-работнику, где он будет отдельно выполнять функцию. Я понимаю, что у рабочих нет доступа к DOM, но есть ли способ, которым я могу сериализовать тело, чтобы успешно передать его как аргумент postMessage?

Answer 1

можно ли каким-либо образом сериализировать тело, чтобы успешно передать его как аргумент postMessage?

Да, используя (например) outerHTML

var worker = new Worker("worker.js"); 
document.addEventListener("DOMContentLoaded", function(event) { 
    worker.postMessage(document.body.outerHTML); 
}); 

и worker.js

self.onmessage = function(e) { 
    console.log('In worker', e.data); 
}; 

Что можно увидеть на https://plnkr.co/edit/M0OoIEiarr0HsOiSANUs?p=preview

Однако как Томаш Zato указывает , html2canvas может не работать в веб-работнике.