웹 캡처 및 변환 도구

JavaScript를 사용한 스크린 샷 및 HTML 변환 이벤트

자바 스크립트 API

GrabzIt은 개발자가 연결할 수있는 여러 이벤트를 노출합니다. into 스크린 샷 및 캡처 생성 중에 발생할 수있는 다양한 단계.

완료 이벤트

최대 XNUMXW 출력을 제공하는 onfinish 스크린 샷이 준비되면 이벤트는 제공된 JavaScript 함수를 호출합니다. 훅 into onfinish GrabzIt에서 호출해야하는 JavaScript 함수를 제공해야합니다.

JavaScript 함수는 id 아래와 같이 매개 변수. id 매개 변수는 id 자바 스크립트 호출로 찍은 스크린 샷 중 하나의 잠재적 인 사용 id 매개 변수는 AJAX를 사용하여 서버 측 코드를 호출 하여이 일치하는 스크린 샷을 다운로드하는 등의 작업을 수행 할 수 있습니다 id 웹 서버에 연결하면 클라이언트 측 자바 스크립트에서 생성 된 모든 스크린 샷을 기록 할 수 있습니다.

<script src="https://cdn.jsdelivr.net/npm/@grabzit/js@/grabzit.min.js"></script>
<script>
GrabzIt("Sign in to view your Application Key").ConvertURL("https://www.tesla.com", 
    {"onfinish": function(id){
        alert(id);
    }}).Create();
</script>
<script src="https://cdn.jsdelivr.net/npm/@grabzit/js@/grabzit.min.js"></script>
<script>
GrabzIt("Sign in to view your Application Key").ConvertHTML("<html><body><h1>Hello World!</h1></body></html>",
    {"onfinish": function(id){
        alert(id);
    }}).Create();
</script>

이 기능의 다른 용도는 스크린 샷이로드 된 후 페이지 애니메이션을 숨기거나 표시하거나 다른 웹 페이지 기능을 활성화하는 것입니다.

시작 이벤트

최대 XNUMXW 출력을 제공하는 onstart 이벤트는 스크린 샷 처리가 시작되면 제공된 JavaScript 함수를 호출합니다. 훅 into onstart GrabzIt에서 호출해야하는 JavaScript 함수를 제공해야합니다.

onfinish와 마찬가지로 onstart JavaScript 함수에는 id 아래와 같이 매개 변수. id 매개 변수는 id 자바 스크립트 호출에 의해 생성 될 스크린 샷의

<script src="https://cdn.jsdelivr.net/npm/@grabzit/js@/grabzit.min.js"></script>
<script>
GrabzIt("Sign in to view your Application Key").ConvertURL("https://www.tesla.com", 
    {"onstart": function(id){
        alert(id);
    }}).Create();
</script>
<script src="https://cdn.jsdelivr.net/npm/@grabzit/js@/grabzit.min.js"></script>
<script>
GrabzIt("Sign in to view your Application Key").ConvertHTML("<html><body><h1>Hello World!</h1></body></html>",
    {"onstart": function(id){
        alert(id);
    }}).Create();
</script>

OnError 이벤트

최대 XNUMXW 출력을 제공하는 onerror 오류가 발생하면 이벤트가 호출됩니다. 훅 into이 이벤트는 아래와 같이 이벤트를 처리하는 기능을 제공합니다.

오류 이벤트를 처리하기 위해 지정하는 JavaScript 함수에는 messagecode 아래와 같이 매개 변수. 메시지는 오류에 대한 텍스트 설명이며 코드는 오류와 관련된 숫자 코드입니다.

<script src="https://cdn.jsdelivr.net/npm/@grabzit/js@/grabzit.min.js"></script>
<script>
GrabzIt("Sign in to view your Application Key").ConvertURL("https://www.tesla.com", 
    {"onerror": function(message, code){
        alert(message);
    }}).Create();
</script>
<script src="https://cdn.jsdelivr.net/npm/@grabzit/js@/grabzit.min.js"></script>
<script>
GrabzIt("Sign in to view your Application Key").ConvertHTML("<html><body><h1>Hello World!</h1></body></html>",
    {"onerror": function(message, code){
        alert(message);
    }}).Create();
</script>