Web Yakalama ve Dönüştürme Araçları

Kullanıcınızın web sayfasının ekran görüntüsünü JavaScript’te alma

Hiç bir kullanıcının web sayfasının ekran görüntüsünü almak istediniz mi? Belki daha kolay hata düzeltmeyi veya kullanıcıyı etkinleştirmek için intyüzey iyileştirmeleri? Peki yapabilirsin GrabzIt'in JavaScript API'si.

Bir kullanıcı sayfasını yakalamak için şunu kullanmanız gerekir: ConvertPage yöntem. Bu, kullanıcı sayfasının içeriğini dönüştürülmek üzere bize gönderir intbir resim, PDF, DOCX veya desteklediğimiz herhangi bir şey. CSS veya görseller gibi herhangi bir kaynağın, herkese açık olarak mevcut olmadığı sürece ekran görüntüsünde yer almadığı sürece yüklenemeyeceğini unutmamak önemlidir. Ancak genellikle durum budur.

Aşağıdaki basit örnek, GrabzIt kütüphanesini kullanarak bir kullanıcının web sayfasının ekran görüntüsünü almanın ne kadar kolay olduğunu göstermektedir. Kodu, yakalamak istediğiniz sayfanın altına yerleştirmeniz yeterlidir.

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

Herhangi birini geçebileceğinizi unutmayın parametreler JavaScript API'sı tarafından izin verilir ConvertPage Ekran görüntünüzü daha da özelleştirmek için yöntem. Örneğin aşağıdaki örnekte, ekran görüntüsünü kullanıcının web sayfasıyla aynı genişlikte hale getirirken tam yüksekliğini de yakalıyoruz.

<script src="https://cdn.jsdelivr.net/npm/@grabzit/js@3.5.2/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>

Ancak yukarıdaki örnekler sınırlıdır, çünkü sayfayı yalnızca web sayfası yüklendiğinde yakalamak yerine, bir tür olayda web sayfasının yakalanmasını tetiklemeniz gerekecektir. Örneğin iki potansiyel alternatif, web sayfasını bir düğme tıklamasıyla veya düzenli olarak yakalamak olabilir. intbir zamanlayıcı ile ervals.

<script src="https://cdn.jsdelivr.net/npm/@grabzit/js@3.5.2/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>

Yukarıdaki örnekte, kullanıcıların web sayfasının her 30 saniyede bir otomatik olarak ekran görüntüsünü oluşturuyoruz. Ancak ekran görüntüsünü kullanıcının web sayfasına eklemek veya indirmek yerine, Create Önceki örneklerde kullanılan yöntem, formata bağlı olarak işe yarar. CreateInvisible kullanıcıya sonuç döndürmeyecek bir yöntem kullanılır.

Daha sonra can save JavaScript ekran görüntüsü aşağıdaki yöntemlerden birini kullanarak. Sonucu Amazon, Dropbox, FTP veya daha fazlasına aktarmak için dışa aktarma parametresi. Veya bir web servisini çağırmak için bitiş olayını kullanabilirsiniz. save sonuç ya da DataURI Sonucu bir web servisine gönderme yöntemi.

Açıkçası, muhtemelen kullanıcılarınızı bunu yaptığınızı bilgilendirmeniz gerekeceğini söylemeye gerek yok.

Mevcut web sayfasının ekran görüntüsünü ücretsiz olarak almaya başlayabilirsiniz: hesap oluşturma ve yukarıdaki kodu kopyalıyorum intYakalamak istediğiniz bir web sayfası. Başkalarının hesabınızı kullanmadığından emin olmak için şunları yapmanız gerektiğini unutmayın: alan adınızı yetkilendirin web sitenizde çalışmaya başlamadan önce.