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

Web Sitesi Ekran Görüntülerini Yakala veya HTML'yi Görüntülere Dönüştür

ASP.NET API

Aşağıdaki özellikleri kullanarak web sitelerinin mükemmel görüntü ekran görüntülerini oluşturun veya HTML'yi görüntülere dönüştürün GrabzIt'ın ASP.NET API'si. Ancak başlamadan önce aradıktan sonra bunu hatırlayın. URLToImage, HTMLToImage or FileToImage yöntemler Save or SaveTo ekran görüntüsünü almak için yöntem çağrılmalıdır.

Temel Seçenekler

Bir web sayfasının ekran görüntüsünü almak için yalnızca bir parametre gereklidir veya HTML'yi dönüştür into bir görüntü aşağıdaki örnekte gösterildiği gibi.

grabzIt.URLToImage("https://www.tesla.com");
//Then call the Save or SaveTo method
grabzIt.HTMLToImage("<html><body><h1>Hello World!</h1></body></html>");
//Then call the Save or SaveTo method
grabzIt.FileToImage("example.html");
//Then call the Save or SaveTo method

Görüntü Ekran Görüntüsü Formatları

GrabzIT'in ASP.NET API'si JPG, PNG, WEBP, BMP (8 bit, 16 bit, 24 bit veya 32 bit) ve TIFF gibi çeşitli formatlarda görüntü ekran görüntülerini alabilir. Görüntü ekran görüntüleri için varsayılan format JPG'dir. Bununla birlikte, bir JPG görüntünün kalitesi bu durumlarda bazı uygulamalar için yeterince iyi olmayabilir, çünkü PNG formatı görüntü ekran görüntüleri için önerilir, çünkü kalite ve dosya boyutu arasında iyi bir denge sağlar. Aşağıdaki örnek, PNG formatı kullanılarak alınmış bir görüntü ekran görüntüsünü gösterir.

GrabzItClient grabzIt = new GrabzItClient("Sign in to view your Application Key", "Sign in to view your Application Secret");

ImageOptions options = new ImageOptions();
options.Format = ImageFormat.png;

grabzIt.URLToImage("https://www.tesla.com", options);
//Then call the Save or SaveTo method
grabzIt.SaveTo("result.png");
GrabzItClient grabzIt = new GrabzItClient("Sign in to view your Application Key", "Sign in to view your Application Secret");

ImageOptions options = new ImageOptions();
options.Format = ImageFormat.png;

grabzIt.HTMLToImage("<html><body><h1>Hello World!</h1></body></html>", options);
//Then call the Save or SaveTo method
grabzIt.SaveTo("result.png");
GrabzItClient grabzIt = new GrabzItClient("Sign in to view your Application Key", "Sign in to view your Application Secret");

ImageOptions options = new ImageOptions();
options.Format = ImageFormat.png;

grabzIt.FileToImage("example.html", options);
//Then call the Save or SaveTo method
grabzIt.SaveTo("result.png");

Tarayıcı boyutu

Tarayıcı boyutu, çoğu durumda ekran görüntüsünü alırken kullanılacak tarayıcı penceresinin boyutuna işaret eder. Bu, varsayılan tarayıcı boyutunun ayarlanması gerekmediğinden tüm görevlerin tümü için yeterli olacaktır. Tarayıcı boyutunu ayarlamak için BrowserWidth ve BrowserHeight özellikleri ImageOptions sınıf.

Görüntü Boyutunu Değiştir

Görüntünün boyutunu değiştirmek kolaydır, görüntüyü bozmadan yapmak biraz zordur. Tüm süreci kolaylaştırmak için bunu kullanmanızı öneririz. basit resim boyut hesaplayıcısı.

Görüntü genişliğini ve yüksekliğini, varsayılan olarak 1366 piksel olarak 728 olan tarayıcı genişliğinden ve yüksekliğinden daha büyük bir boyuta çıkarmak istiyorsanız, tarayıcı genişliğinin ve yüksekliğinin de eşleşmesi için artırılması gerekir.

Özel tanımlayıcı

Özel bir tanımlayıcıyı görüntü Aşağıda gösterildiği gibi yöntemler, bu değer daha sonra GrabzIt ASP.NET işleyicinize döndürülür. Örneğin, bu özel tanımlayıcı, bir ekran görüntüsünün belirli bir veritabanı kaydı ile ilişkilendirilmesine izin veren bir veritabanı tanıtıcısı olabilir.

GrabzItClient grabzIt = new GrabzItClient("Sign in to view your Application Key", "Sign in to view your Application Secret");

ImageOptions options = new ImageOptions();
options.CustomId = "123456";

grabzIt.URLToImage("https://www.tesla.com", options);
//Then call the Save method
grabzIt.Save("http://www.example.com/Home/Handler");
GrabzItClient grabzIt = new GrabzItClient("Sign in to view your Application Key", "Sign in to view your Application Secret");

ImageOptions options = new ImageOptions();
options.CustomId = "123456";

grabzIt.HTMLToImage("<html><body><h1>Hello World!</h1></body></html>", options);
//Then call the Save method
grabzIt.Save("http://www.example.com/Home/Handler");
GrabzItClient grabzIt = new GrabzItClient("Sign in to view your Application Key", "Sign in to view your Application Secret");

ImageOptions options = new ImageOptions();
options.CustomId = "123456";

grabzIt.FileToImage("example.html", options);
//Then call the Save method
grabzIt.Save("http://www.example.com/Home/Handler");

Tam Boy Ekran Görüntüsü

GrabzIt, web sayfasına bir -1 aktarmanız gereken tam bir ekran görüntüsünün tamamını web sayfasının tamamında çekmenizi sağlar. BrowserHeight mülkiyeti ImageOptions sınıf. Görüntünün, tarayıcının boyutuyla eşleştiğinden emin olmak için, OutputHeight ve OutputWidth özellikleri.

GrabzItClient grabzIt = new GrabzItClient("Sign in to view your Application Key", "Sign in to view your Application Secret");

ImageOptions options = new ImageOptions();
options.BrowserHeight = -1;
options.OutputWidth = -1;
options.OutputHeight = -1;

grabzIt.URLToImage("https://www.tesla.com", options);
//Then call the Save or SaveTo method
grabzIt.SaveTo("result.jpg");
GrabzItClient grabzIt = new GrabzItClient("Sign in to view your Application Key", "Sign in to view your Application Secret");

ImageOptions options = new ImageOptions();
options.BrowserHeight = -1;
options.OutputWidth = -1;
options.OutputHeight = -1;

grabzIt.HTMLToImage("<html><body><h1>Hello World!</h1></body></html>", options);
//Then call the Save or SaveTo method
grabzIt.SaveTo("result.jpg");
GrabzItClient grabzIt = new GrabzItClient("Sign in to view your Application Key", "Sign in to view your Application Secret");

ImageOptions options = new ImageOptions();
options.BrowserHeight = -1;
options.OutputWidth = -1;
options.OutputHeight = -1;

grabzIt.FileToImage("example.html", options);
//Then call the Save or SaveTo method
grabzIt.SaveTo("result.jpg");

Ayrıca kırpılmayan küçük resimleri de döndürebilirsiniz, ancak bunun büyük görüntüler oluşturabildiğine dikkat edin. Bunu yapmak için: OutputHeight ve / veya OutputWidth özellikleri. -1'ten geçen herhangi bir boyut kırpılmayacak.

GrabzItClient grabzIt = new GrabzItClient("Sign in to view your Application Key", "Sign in to view your Application Secret");

ImageOptions options = new ImageOptions();
options.OutputWidth = -1;
options.OutputHeight = -1;

grabzIt.URLToImage("https://www.tesla.com", options);
//Then call the Save or SaveTo method
grabzIt.SaveTo("result.jpg");
GrabzItClient grabzIt = new GrabzItClient("Sign in to view your Application Key", "Sign in to view your Application Secret");

ImageOptions options = new ImageOptions();
options.OutputWidth = -1;
options.OutputHeight = -1;

grabzIt.HTMLToImage("<html><body><h1>Hello World!</h1></body></html>", options);
//Then call the Save or SaveTo method
grabzIt.SaveTo("result.jpg");
GrabzItClient grabzIt = new GrabzItClient("Sign in to view your Application Key", "Sign in to view your Application Secret");

ImageOptions options = new ImageOptions();
options.OutputWidth = -1;
options.OutputHeight = -1;

grabzIt.FileToImage("example.html", options);
//Then call the Save or SaveTo method
grabzIt.SaveTo("result.jpg");
Tam boy tarayıcı genişliği olmadığını unutmayın!

Bu özel değerleri kullanmak, isterseniz tüm web sayfasının tam ölçekli bir ekran görüntüsü oluşturabileceğiniz anlamına gelir!

Sayfa Öğesinin Ekran Görüntüsü Al

GrabzIt, bir HTML öğesinin ekran görüntüsünü örneğin div or span etiketleyin ve tüm içeriğini yakalayın. Bunu yapmak için, ekran görüntüsünü almak istediğiniz HTML öğesi bir CSS seçici.

...
<div id="features">
	<img src="http://www.example.com/hot.jpg"/><h3>Heatwave Starting</h3>
</div>
...

Aşağıdaki örnekte, "özellik" kimliğine sahip olan div'yi seçeceğiz ve onu bir 250 x 250px JPEG görüntüsü olarak göstereceğiz.

GrabzItClient grabzIt = new GrabzItClient("Sign in to view your Application Key", "Sign in to view your Application Secret");

// The 250 parameters indicates that image should be sized to 250 x 250 px
ImageOptions options = new ImageOptions();
options.OutputWidth = 250;
options.OutputHeight = 250;
options.Format = ImageFormat.jpg;
options.TargetElement = "#features";

grabzIt.URLToImage("http://www.bbc.co.uk/news", options);
//Then call the Save or SaveTo method
grabzIt.SaveTo("result.jpg");

Bir sonraki örnek "features" div'in başka bir ekran görüntüsünü alıyor ancak bu sefer div'in tam boyutunda olan bir JPEG görüntü çıktısı veriyor.

GrabzItClient grabzIt = new GrabzItClient("Sign in to view your Application Key", "Sign in to view your Application Secret");

// The -1 indicates that image should not be cropped
ImageOptions options = new ImageOptions();
options.OutputWidth = -1;
options.OutputHeight = -1;
options.BrowserHeight = -1;
options.Format = ImageFormat.jpg;
options.TargetElement = "#features";

grabzIt.URLToImage("http://www.bbc.co.uk/news", options);
//Then call the Save or SaveTo method
grabzIt.SaveTo("result.jpg");