JavaScript ile ekran görüntüsü ve HTML Dönüştürme Etkinlikleri

GrabzIt, geliştiricilerin bağlantı kurmasına izin veren birkaç olay gösterir. into Ekran görüntüsü ve yakalama üretimi sırasında oluşabilecek farklı aşamalar.

OnFinish Olayı

The onfinish Ekran görüntüsü hazır olduğunda olay sağlanan JavaScript işlevini çağırır. Kancalamak into onfinish olayda GrabzIt tarafından çağrılması gereken JavaScript işlevini sağlamanız gerekir.

JavaScript işlevi bir id aşağıdaki gibi parametre. İd parametresi id JavaScript çağrısı tarafından alınan ekran görüntüsü. Potansiyel bir kullanım id parametre, bu eşleşmeyle ekran görüntüsünü indirmek için sunucu tarafı kodunu çağırmak için AJAX kullanmak gibi bir şey yapmak olabilir id web sunucunuzda, böylece istemci tarafında JavaScript'te oluşturulan tüm ekran görüntülerinin bir kaydına sahipsiniz.

Resmin URL'si
Resme HTML

<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>

Bu fonksiyonun bir başka kullanımı da ekran animasyonunu yükledikten sonra sayfa animasyonlarını gizlemek veya göstermek ya da diğer web sayfası özelliklerini aktif hale getirmektir.

OnStart Etkinliği

The onstart Olay ekran görüntüsü işlemeye başladığında sağlanan JavaScript işlevini çağırır. Kancalamak into onstart olayda GrabzIt tarafından çağrılması gereken JavaScript işlevini sağlamanız gerekir.

Tıpkı onfinish gibi, başlangıçta JavaScript işlevi bir id aşağıdaki gibi parametre. İd parametresi id JavaScript çağrısı tarafından alınacak ekran görüntüsü.

Resmin URL'si
Resme HTML

<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 Etkinliği

The onerror Bir hata oluştuğunda olay çağrılır. Kancalamak into bu olay, aşağıda gösterildiği gibi olayı ele alması gereken işlevi sağlar.

Hata olaylarını işlemek için belirttiğiniz JavaScript işlevi bir message ve code Aşağıda gösterildiği gibi parametre. Mesaj, hatanın yazılı bir açıklamasıdır ve kod, hatayla ilişkili sayısal koddur.

Resmin URL'si
Resme HTML

<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>