웹 작업자가 편집하지 않고 문서 본문을 전달합니다.

Question

나는 html2canvas javascript 라이브러리를 사용하여 매초 여러 번 스크린 샷을 찍지만 브라우저 세션이 상당히 느려집니다. 라이브러리 함수는 기본적으로 DOM 요소를 가져 와서 루프 처리하고 캔버스 요소로 재생합니다. 필자는 매번 문서 본문을 웹 작업자에게 전달하여 개별적으로 기능을 실행하려고합니다. 근로자는 DOM에 액세스 할 수 없다는 것을 알고 있지만 postMessage 인수로 전달하기 위해 본문을 직렬화 할 수있는 방법이 있습니까?

Answer 1

내가 postMessage 인수로 전달하기 위해 본문을 직렬화 할 수있는 방법이 있습니까? 토마스 Zato가 지적으로

예, outerHTML

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

(예를 들어) 및 그러나 https://plnkr.co/edit/M0OoIEiarr0HsOiSANUs?p=preview

에서 볼 수 worker.js

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

에 사용 , html2canvas은 웹 작업자에게는 작동하지 않을 수 있습니다.