웹 캡처 및 변환 도구

JavaScript로 사용자 웹 페이지의 스크린 샷을 만드는 방법

사용자 웹 페이지의 스크린 샷을 만들고 싶었던 적이 있습니까? 보다 쉬운 버그 수정 또는 사용자 활성화 int표면 개선? 잘 할 수 있습니다 GrabzIt의 JavaScript API.

사용자 페이지를 캡처하려면 ConvertPage 방법. 이렇게하면 사용자 페이지의 내용이 변환되어 당사로 전송됩니다 intoa 이미지, PDF, DOCX 또는 기타 지원되는 모든 것. CSS 또는 이미지와 같은 리소스는 스크린 샷에 공개적으로 제공되지 않는 한로드 할 수 없다는 점을 명심해야합니다. 그러나 이것은 대개의 경우입니다.

아래의 간단한 예는 GrabzIt의 라이브러리를 사용하여 사용자 웹 페이지를 스크린 샷하는 것이 얼마나 쉬운지를 보여줍니다. 캡처하려는 페이지 하단에 코드를 배치하십시오.

<script src="https://cdn.jsdelivr.net/npm/@grabzit/js@3.4.7/grabzit.min.js"></script>
<script>
GrabzIt("Sign in to view your Application Key").ConvertPage().Create();
</script>

당신은 전달할 수 있습니다 매개 변수 자바 스크립트 API를 통해 ConvertPage 스크린 샷을 추가로 맞춤 설정할 수 있습니다. 예를 들어 아래 예에서는 전체 높이를 캡처하면서 스크린 샷을 사용자 웹 페이지와 동일한 너비로 만듭니다.

<script src="https://cdn.jsdelivr.net/npm/@grabzit/js@3.4.7/grabzit.min.js"></script>
<script>
GrabzIt("Sign in to view your Application Key").ConvertPage({
   "bwidth":document.documentElement.clientWidth,
   "bheight": -1, 
   "height": -1,
   "width": -1
}).Create();
</script>

그러나 위의 예제는 웹 페이지가로드 될 때 페이지를 캡처하는 것이 아니라 어떤 종류의 이벤트에서 웹 페이지 캡처를 트리거해야하기 때문에 제한됩니다. 예를 들어 버튼 클릭시 또는 정기적으로 웹 페이지를 캡처하는 두 가지 가능한 대안이 있습니다. int타이머를 가진 ervals.

<script src="https://cdn.jsdelivr.net/npm/@grabzit/js@3.4.7/grabzit.min.js"></script>
<script>
setTimeout(function(){
   GrabzIt("Sign in to view your Application Key").ConvertPage({
      "bwidth":document.documentElement.clientWidth,
      "bheight": -1, 
      "height": -1,
      "width": -1
   }).CreateInvisible();
}, 30000);
</script>

위의 예에서는 30 초마다 사용자 웹 페이지를 자동으로 스크린 샷으로 만듭니다. 그러나 스크린 샷을 사용자 웹 페이지에 추가하거나 다운로드하는 대신 Create 이전 예제에서 사용한 방법은 형식에 따라 다릅니다. 그만큼 CreateInvisible 메소드가 사용되며 결과는 사용자에게 반환되지 않습니다.

그런 다음 수 save 자바 스크립트 스크린 샷 다음 방법 중 하나를 사용하십시오. Amazon, Dropbox, FTP 이상으로 결과를 내보내는 export 매개 변수입니다. 또는 finish 이벤트를 사용하여 웹 서비스를 호출하여 save 결과 또는 DataURI 웹 서비스에 결과를 게시하는 방법.

당연히이 작업을 수행하고 있다고 사용자에게 알려야 할 것은 말할 것도 없습니다.

현재 웹 페이지를 무료로 스크린 샷으로 시작할 수 있습니다. 계정 만들기 위의 코드를 복사 into 캡처하려는 웹 페이지. 다른 사람이 귀하의 계정을 사용하지 않도록하려면 반드시 도메인 인증 그것은 당신의 웹 사이트에서 작동하기 전에.