viewer.js/pdf.js : pdf가 렌더링 될 때마다 메모리 사용량이 증가합니다.

Question

내 문제는 viewer.js를 사용하여 pdf 파일을 렌더링 할 때마다 내 응용 프로그램의 메모리 사용량이 증가한다는 것입니다.

container = document.getElementById('viewerContainer'); 
viewer = document.getElementById('viewer'); 

pdfViewer = new PDFViewer({ 
    container: container, 
    viewer: viewer 
}); 

$scope.pdfFindController = new PDFFindController({ 
     pdfViewer: pdfViewer 
}); 

pdfViewer.setFindController($scope.pdfFindController); 

container.addEventListener('pagesinit', function() { 
    pdfViewer.currentScaleValue = 'page-width';        
}); 

PDFJS.getDocument($scope.getPageLink(pdf)).then(function (pdfDocument) { 
    documentPdf = pdfDocument; 
    pdfViewer.setDocument(pdfDocument);      
}); 

내가 별도의 뷰에서 파일을 렌더링 :

나는 내 PDF 이런 식으로 렌더링합니다. 이전 뷰로 돌아가서 다른 파일을 열면 메모리 사용량이 ~ 20MB 증가합니다.

나는이 시도 :

documentPdf.destroy(); 

지금, 메모리 사용량이 약간 감소하지만, 이전에 할당 된없는만큼.

해결 방법은 있습니까?

UPDATE :

Pdf.js 버전 : 1.6.210

pdf.js 작업자 버전 : 1.6.210

Answer 1

내가 documentPdf.destroy();를 호출하여 사용자가 메모리를 해제하지 않는 것이 생각 pdfViewer 촬영 : pdfViewer을 (를) 파괴 할 수있는 방법을 찾지 못했습니다. 전화를 걸 수 있습니다.

delete pdfViewer; 
delete documentPdf; 

및 속성 삭제로 충분하지 않다면 null으로 설정할 수 있습니다.

당신은 여전히 ​​역사 캐시에 저장된 HTML이 메모리를 사용하고 있다고 할 수있다 메모리 누수가 발생, 그래서

document.getElementById('viewerContainer').outerHTML = ''; 

빈 요소 뷰어 또는 컨테이너 HTML을 대체하려고 (또는 완전히 제거)하는 경우

container.parentNode.removeChild(container); 

Answer 2

또는

당신은이 DocumentPageProxy의 약속에 destroy 메소드를 호출해야합니다.

문서는 다음으로 설명

현재 문서 인스턴스를 파기 작업자를 종료한다.

출처 : https://github.com/mozilla/pdf.js/blob/master/src/display/api.js (라인 621)

소멸 메소드의 동작을 테스트 현재 pdf.js 라이브러리에서 몇 가지 검사가 있습니다. (https://github.com/mozilla/pdf.js/blob/master/test/unit/api_spec.js (라인 86)와 같은 귀하의 경우 뭔가에

:..

// a variable to store the callback function 
var loadingTask = PDFJS.getDocument(basicApiUrl); 

... 

// when the document should get destroyed call 
loadingTask.destroy();