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ç kullanıcıların web sayfasının ekran görüntüsünü almak istediniz mi? Belki daha kolay hata düzeltme veya kullanıcı etkinleştirmek için interface iyileştirmeler? İyi yapabilirsin GrabzIt'ın JavaScript API'sı.

Bir kullanıcı sayfasını yakalamak için kullanmanız gerekir. ConvertPage yöntem. Bu, kullanıcı sayfasının içeriğini bize dönüştürülecek şekilde gönderir. into bir görüntü, PDF, DOCX veya desteklediğimiz herhangi bir şey. Kamuya açık olmadıkça, ekran görüntüsünde olmadığı sürece, CSS veya görüntüler gibi kaynakların yüklenemediğini hatırlamak önemlidir. Ancak bu genellikle böyledir.

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

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

Herhangi bir pasoyu geçebileceğinizi unutmayın. parametreler JavaScript API’sinin ConvertPage yöntem, ekran görüntüsünü daha da özelleştirmek için. Örneğin, aşağıdaki örnekte ekran görüntüsünü, kullanıcıların yükseklikleri ile aynı web sayfasında olduğu gibi yapıyoruz.

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

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

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

Yukarıdaki örnekte, kullanıcıların web sayfalarını her 30 saniyede bir otomatik olarak ekran görüntüsü oluşturuyoruz. Ancak ekran görüntüsünü kullanıcıların web sayfasına eklemek veya indirmek yerine Create Önceki örneklerde kullanılan yöntem, biçime bağlı olarak yapar. CreateInvisible yöntemi, kullanıcıya bir sonuç vermeyecek şekilde 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 export parametresi. Veya bir web servisini aramak için finish olayını kullanabilirsiniz. save sonuç veya DataURI sonucu web servisine gönderme yöntemi.

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

Ekrandaki mevcut web sayfasını ücretsiz olarak başlatabilirsiniz. hesap oluşturma ve yukarıdaki kodu kopyalamak into yakalamak istediğiniz bir web sayfası. Unutmayın ki, başkalarının hesabınızı kullanmadığından emin olmalısınız etki alanınızı yetkilendirin Web sitenizde işe yaramadan önce.