webkit2png ile ekran görüntüsü almak!
Uzunca bir zamandır yazmak istediğim fakat fırsat bulamadığım bir konu:
webkit2png
Python'la yazılmış "CommandLine Tool"u yani Terminal'den çalışan bir script. Bu script sayesinde istediğiniz bir web sayfasının ekran görüntüsünü istediğiniz boyutlarda PNG formatında almanızı sağlıyor. Bu proje aynı zamanda harika bir Python + ObjectiveC örneği. PyOBJC köprüsünü kullanarak WebKit objesine bağlanıyor. WebKit bildiğiniz gibi Safari ve Chrome web browser'ının temeli.
Script, sanki Safari web browser'ıyla verdiğiniz URL'i açıyor ve gelen sayfayı komple kaydediyor. Bu işi normal şartlarda yapmak için çeşitli browser extension'larına ihtiyacınız var. Daha önceleri Safari extension olayını desteklemiyordu. Chrome'a da extension olayı bildiğiniz gibi sonradan geldi. Mevcut tek sistem Firefox ve Screengrab extension'ıydı.
Firefox'un çılgınlar gibi yeni veriyon çıkartması Screengrab extension'ını yazan arkadaşı delirtmiş olacak ki artık destek vermiyor.
An itibariyle bu işi yapmak için Chrome ve Google tarafından yazılan "Screen Capture" iyi bir alternatif.
Eğer siz de benim gibi Shell'ciyseniz webkit2png'yi kullanabilirsiniz. Projenin orijinal yazılımı Paul Hammond'a ait. https://github.com/paulhammond/webkit2png.git
Ben, MacPorts ve Homebrew için küçük bir fix yapmıştım. İster orijinali ister benim fixlediğim versiyonu kullanabilirsiniz.
https://github.com/vigo/webkit2png
MacPorts ve Homebrew paketi olarak mevcut.
$ sudo port install webkit2png # macports'dan kurulum $ brew install webkit2png # homebrew'dan kurulum # benim ~/bin folder'ım local executable'lar için eğer sizde böyle yapmak isterseniz # mkdir ~/bin yapıp $PATH'e bu folder'ı eklemeniz gerekir. $ git clone httxs://github.com/vigo/webkit2png # kendi kurulumunuz
Kullanımı çok basit;
$ webkit2png -h
Hemen açıklaması geliyor. Default olarak 3 versiyon oluşturuyor. Fullsize, Thumbnail ve Clipped. Default ekran genişliği 800x600 pixel geliyor, aynı şekilde default clip 200x150 pixel. Ekran görüntüsünü kaydetmek istediğiniz folder'a gidin:
$ cd ~/Desktop $ webkit2png -o test1 httx://ugur.ozyilmazel.com # tüm siteyi alır 3 dosya üretir... $ webkit2png -o test2 -C --clipwidth=800 --clipheight=600 httx://ugur.ozyilmazel.com
test1 dev gibi ekran görüntüsü aldı. Toplam 3 dosya üretti:
test1-clipped.png # 200x150 test1-full.png # ben yaptığımda 960x31024 verdi test1-thumb.png # test1-full'ün thumbnail'i 240x7756
test2 ise sadece 800x600'lük alanı verdi. Son dönemde, web siteleri hep JavaScript kullandığı için, sitenin tam olarak yüklenmesi bazen saniye bazında da olsa zaman alıyor. Bunun için webkit2png'nin delay özelliğini kullanacağız...
$ webkit2png --delay=5 httx://google.com
Bu sayede google.com adresi request edildikten sonra 5 saniye bekleyecek ve 5 saniye sonunda ekran görüntüsü alınacak. Başka bir örnek;
$ webkit2png -o bilgi -F -W 1024 httx://bilgi.edu.tr # sayfa tam yüklenmemiştir. $ webkit2png -o bilgi-delay --delay=5 -F -W 1024 httx://bilgi.edu.tr # sayfa tam olarak yükledi
--delay ile sayfa tam olarak yüklendi...
Çok işe yarayan bir tool. Umarım sizin de işinize yarar... Yazı içinde httx şeklinde kullandığım kelime aslında http. Tumblr metin olarak girilen tüm url'leri <a href='e çeviriyor bu bakımdan da shell script garip görünüyor. Bunun için http yerine httx yaptım siz deneme yaparken düzeltmeyi unutmayın.