G\u00fcn\u00fcm\u00fcz\u00fcn dijital d\u00fcnyas\u0131nda, web sitelerinin g\u00f6rsel i\u00e7eri\u011fini yakalamak, bir\u00e7ok farkl\u0131 sekt\u00f6r ve kullan\u0131m senaryosu i\u00e7in kritik bir ihtiya\u00e7 haline gelmi\u015ftir. Web geli\u015ftiricilerinden pazarlamac\u0131lara, kalite kontrol uzmanlar\u0131ndan i\u00e7erik ar\u015fivcilerine kadar geni\u015f bir yelpazedeki profesyoneller, web sayfalar\u0131n\u0131n anl\u0131k g\u00f6r\u00fcn\u00fcmlerine ihtiya\u00e7 duyar. Bu ihtiya\u00e7, genellikle manuel y\u00f6ntemlerle kar\u015f\u0131lanmaya \u00e7al\u0131\u015f\u0131lsa da, \u00f6l\u00e7eklenebilirlik, h\u0131z ve otomasyon gereksinimleri devreye girdi\u011finde API tabanl\u0131 \u00e7\u00f6z\u00fcmler vazge\u00e7ilmez olur. \u0130\u015fte tam da bu noktada, SnapRender gibi g\u00fc\u00e7l\u00fc bir API arac\u0131, web sitesi ekran g\u00f6r\u00fcnt\u00fcs\u00fc yakalama s\u00fcrecini basitle\u015ftirerek geli\u015ftiricilere zaman ve kaynak tasarrufu sa\u011flar. Bu makalede, SnapRender API’sini kullanarak web sitesi ekran g\u00f6r\u00fcnt\u00fclerini nas\u0131l kolayca yakalayabilece\u011finizi detayl\u0131 bir \u015fekilde inceleyece\u011fiz.<\/p>\n
Web sitelerinin anl\u0131k g\u00f6rsel kay\u0131tlar\u0131n\u0131 tutmak, dijital stratejilerin bir\u00e7ok alan\u0131nda temel bir gerekliliktir. Bu g\u00f6rseller, sadece estetik birer \u00f6\u011fe olmaktan \u00f6te, operasyonel verimlilik ve stratejik karar alma s\u00fcre\u00e7leri i\u00e7in de\u011ferli veriler sunar.<\/p>\n
Bir web sitesi veya uygulaman\u0131n farkl\u0131 taray\u0131c\u0131larda, cihazlarda ve ekran boyutlar\u0131nda do\u011fru \u015fekilde g\u00f6r\u00fcnt\u00fclendi\u011fini do\u011frulamak, kullan\u0131c\u0131 deneyimi a\u00e7\u0131s\u0131ndan hayati \u00f6neme sahiptir. Ekran g\u00f6r\u00fcnt\u00fcleri, geli\u015ftiricilerin ve QA ekiplerinin, yap\u0131lan de\u011fi\u015fikliklerin veya yeni \u00f6zelliklerin g\u00f6rsel b\u00fct\u00fcnl\u00fc\u011f\u00fcn\u00fc h\u0131zl\u0131ca kontrol etmelerine olanak tan\u0131r. Olas\u0131 g\u00f6rsel hatalar veya uyumluluk sorunlar\u0131, bu sayede erkenden tespit edilebilir.<\/p>\n
Web siteleri s\u00fcrekli de\u011fi\u015fir ve geli\u015fir. Belirli bir tarihteki bir sayfan\u0131n g\u00f6r\u00fcn\u00fcm\u00fcn\u00fc ar\u015fivlemek, yasal uyumluluk, i\u00e7erik ge\u00e7mi\u015fini takip etme veya rekabet analizi gibi bir\u00e7ok ama\u00e7 i\u00e7in faydal\u0131d\u0131r. Ekran g\u00f6r\u00fcnt\u00fcleri, bir web sayfas\u0131n\u0131n zaman i\u00e7indeki evrimini belgelemek i\u00e7in somut kan\u0131tlar sunar.<\/p>\n
Pazarlama ekipleri, yeni \u00fcr\u00fcn lansmanlar\u0131, kampanya sayfalar\u0131 veya blog yaz\u0131lar\u0131 i\u00e7in \u00e7ekici g\u00f6rseller olu\u015fturmak amac\u0131yla web sitesi ekran g\u00f6r\u00fcnt\u00fclerinden yararlan\u0131r. Bu g\u00f6rseller, sosyal medya payla\u015f\u0131mlar\u0131nda, e-posta b\u00fcltenlerinde veya reklam materyallerinde dikkat \u00e7ekici \u00f6\u011feler olarak kullan\u0131labilir. Ayr\u0131ca, SEO \u00e7al\u0131\u015fmalar\u0131 i\u00e7in de sayfa \u00f6nizlemeleri olu\u015fturmada etkilidir.<\/p>\n
Baz\u0131 sekt\u00f6rlerde, web sitesi i\u00e7eri\u011finin belirli bir tarihte nas\u0131l g\u00f6r\u00fcnd\u00fc\u011f\u00fcn\u00fc kan\u0131tlama zorunlulu\u011fu olabilir. \u00d6rne\u011fin, finansal hizmetler veya sa\u011fl\u0131k sekt\u00f6r\u00fcnde, yasal d\u00fczenlemelere uyuldu\u011funu g\u00f6stermek i\u00e7in web sayfalar\u0131n\u0131n belirli anlardaki ekran g\u00f6r\u00fcnt\u00fcleri yasal kan\u0131t olarak sunulabilir.<\/p>\n
Web sitesi ekran g\u00f6r\u00fcnt\u00fcs\u00fc yakalama ihtiyac\u0131 ne kadar \u00f6nemliyse, bu s\u00fcreci verimli bir \u015fekilde y\u00f6netmek de o kadar zorlay\u0131c\u0131 olabilir. Geleneksel y\u00f6ntemler, \u00f6zellikle b\u00fcy\u00fck \u00f6l\u00e7ekli projelerde veya s\u0131k tekrarlayan g\u00f6revlerde ciddi s\u0131n\u0131rlamalar getirir.<\/p>\n
Bir web sayfas\u0131n\u0131n ekran g\u00f6r\u00fcnt\u00fcs\u00fcn\u00fc manuel olarak almak genellikle taray\u0131c\u0131n\u0131n yerle\u015fik ara\u00e7lar\u0131 (Print Screen, geli\u015ftirici ara\u00e7lar\u0131) veya \u00fc\u00e7\u00fcnc\u00fc taraf yaz\u0131l\u0131mlar kullan\u0131larak yap\u0131l\u0131r. Bu y\u00f6ntemler tek seferlik veya az say\u0131da ekran g\u00f6r\u00fcnt\u00fcs\u00fc i\u00e7in pratik olsa da, y\u00fczlerce veya binlerce sayfan\u0131n d\u00fczenli olarak yakalanmas\u0131 gerekti\u011finde inan\u0131lmaz derecede zaman al\u0131c\u0131, hataya a\u00e7\u0131k ve verimsiz hale gelir. Farkl\u0131 taray\u0131c\u0131lar, \u00e7\u00f6z\u00fcn\u00fcrl\u00fckler veya cihaz g\u00f6r\u00fcn\u00fcmleri i\u00e7in tekrar tekrar manuel i\u015flem yapmak, i\u015f y\u00fck\u00fcn\u00fc katlar.<\/p>\n
Modern web geli\u015ftirme ve operasyonel s\u00fcre\u00e7ler, otomasyonu temel al\u0131r. S\u00fcrekli entegrasyon\/s\u00fcrekli da\u011f\u0131t\u0131m (CI\/CD) boru hatlar\u0131, test otomasyonu ve veri toplama gibi alanlarda otomasyon, insan hatas\u0131n\u0131 azalt\u0131r, s\u00fcre\u00e7leri h\u0131zland\u0131r\u0131r ve kaynaklar\u0131 daha verimli kullanmay\u0131 sa\u011flar. Ekran g\u00f6r\u00fcnt\u00fcs\u00fc yakalama da bu otomasyon ihtiyac\u0131n\u0131n bir par\u00e7as\u0131d\u0131r. \u00d6zellikle dinamik i\u00e7erik bar\u0131nd\u0131ran veya s\u0131k g\u00fcncellenen web siteleri i\u00e7in d\u00fczenli ve otomatik ekran g\u00f6r\u00fcnt\u00fcleri almak vazge\u00e7ilmezdir.<\/p>\n
API’ler (Uygulama Programlama Aray\u00fczleri), web sitesi ekran g\u00f6r\u00fcnt\u00fcs\u00fc yakalama s\u00fcrecini otomatikle\u015ftirmek ve \u00f6l\u00e7eklendirmek i\u00e7in ideal bir \u00e7\u00f6z\u00fcm sunar. Bir API kullanarak, geli\u015ftiriciler kendi uygulamalar\u0131na veya i\u015f ak\u0131\u015flar\u0131na do\u011frudan ekran g\u00f6r\u00fcnt\u00fcs\u00fc i\u015flevselli\u011fi entegre edebilirler. Bu yakla\u015f\u0131m\u0131n ba\u015fl\u0131ca avantajlar\u0131 \u015funlard\u0131r:<\/p>\n
SnapRender, web sitelerinin y\u00fcksek kaliteli ekran g\u00f6r\u00fcnt\u00fclerini programatik olarak yakalamak i\u00e7in tasarlanm\u0131\u015f g\u00fc\u00e7l\u00fc ve kullan\u0131m\u0131 kolay bir API hizmetidir. Geli\u015ftiricilerin, karma\u015f\u0131k taray\u0131c\u0131 otomasyonu veya altyap\u0131 y\u00f6netimiyle u\u011fra\u015fmak zorunda kalmadan, birka\u00e7 sat\u0131r kodla istedikleri web sayfas\u0131n\u0131n g\u00f6rselini elde etmelerini sa\u011flar.<\/p>\n
SnapRender, bulut tabanl\u0131 bir hizmet olarak \u00e7al\u0131\u015f\u0131r. Bu, sizin kendi sunucular\u0131n\u0131zda a\u011f\u0131r taray\u0131c\u0131 s\u00fcre\u00e7leri \u00e7al\u0131\u015ft\u0131rman\u0131za gerek kalmad\u0131\u011f\u0131 anlam\u0131na gelir. API’ye bir HTTP iste\u011fi g\u00f6ndererek, ekran g\u00f6r\u00fcnt\u00fcs\u00fcn\u00fc almak istedi\u011finiz URL’yi ve istedi\u011finiz di\u011fer parametreleri belirtirsiniz. SnapRender sunucular\u0131 bu iste\u011fi i\u015fler, belirtilen URL’yi ziyaret eder, ekran g\u00f6r\u00fcnt\u00fcs\u00fcn\u00fc al\u0131r ve size genellikle bir g\u00f6rsel dosyas\u0131 veya bu dosyaya bir ba\u011flant\u0131 d\u00f6nd\u00fcr\u00fcr.<\/p>\n
SnapRender’\u0131n temel \u00e7al\u0131\u015fma prensibi olduk\u00e7a basittir:<\/p>\n
SnapRender, basit ekran g\u00f6r\u00fcnt\u00fcs\u00fc yakalaman\u0131n \u00f6tesinde bir dizi geli\u015fmi\u015f \u00f6zellik sunar:<\/p>\n
SnapRender API’sini kullanmaya ba\u015flamak olduk\u00e7a kolayd\u0131r. \u0130lk ad\u0131m, bir API anahtar\u0131 almak ve ard\u0131ndan temel bir istek yaparak ilk ekran g\u00f6r\u00fcnt\u00fcn\u00fcz\u00fc yakalamakt\u0131r.<\/p>\n
SnapRender’\u0131 kullanmak i\u00e7in \u00f6ncelikle bir hesap olu\u015fturman\u0131z ve size \u00f6zel bir API anahtar\u0131 alman\u0131z gerekir. Bu anahtar, SnapRender API’sine yapt\u0131\u011f\u0131n\u0131z t\u00fcm isteklerde kimli\u011finizi do\u011frulamak ve kullan\u0131m\u0131n\u0131z\u0131 takip etmek i\u00e7in kullan\u0131l\u0131r. Genellikle, SnapRender’\u0131n web sitesindeki kullan\u0131c\u0131 panelinizden bu anahtar\u0131 kolayca temin edebilirsiniz. API anahtar\u0131n\u0131z\u0131 g\u00fcvende tutmaya \u00f6zen g\u00f6sterin ve asla herkese a\u00e7\u0131k kaynak kod depolar\u0131nda payla\u015fmay\u0131n.<\/p>\n
SnapRender API’si genellikle RESTful bir yap\u0131ya sahiptir ve HTTP GET veya POST istekleri ile kullan\u0131l\u0131r. Temel olarak, bir endpoint URL’sine API anahtar\u0131n\u0131z\u0131 ve ekran g\u00f6r\u00fcnt\u00fcs\u00fcn\u00fc almak istedi\u011finiz web sitesinin URL’sini parametre olarak g\u00f6nderirsiniz.<\/p>\n
Ana endpoint genellikle \u015f\u00f6yle bir yap\u0131ya sahiptir: \u0130stek parametreleri ise URL sorgu dizisi (query string) olarak veya POST iste\u011finde JSON g\u00f6vdesi olarak g\u00f6nderilir. En temel parametreler \u015funlard\u0131r:<\/p>\n \u015eimdi, basit bir CURL komutu veya Python\/Node.js kodu ile ilk ekran g\u00f6r\u00fcnt\u00fcn\u00fcz\u00fc nas\u0131l yakalayaca\u011f\u0131n\u0131za dair bir \u00f6rnek verelim. L\u00fctfen Bu komut, <\/code><\/p>\n Python ile <\/code><\/p>\n Node.js ortam\u0131nda <\/code><\/p>\n SnapRender, sadece temel ekran g\u00f6r\u00fcnt\u00fcleri almakla kalmaz, ayn\u0131 zamanda bir\u00e7ok geli\u015fmi\u015f \u00f6zellik sunarak daha karma\u015f\u0131k senaryolar i\u00e7in esneklik sa\u011flar.<\/p>\n Daha \u00f6nce bahsetti\u011fimiz Web sitelerinin responsive tasar\u0131mlar\u0131, farkl\u0131 cihazlarda nas\u0131l g\u00f6r\u00fcnd\u00fc\u011f\u00fcn\u00fc test etmeyi zorla\u015ft\u0131r\u0131r. SnapRender, Dinamik i\u00e7erik y\u00fckleyen veya animasyonlar i\u00e7eren web siteleri i\u00e7in Ayr\u0131ca, \u00d6rnek: Belirli bir elementi gizlemek i\u00e7in CSS enjekte etme<\/p>\n <\/code> SnapRender, ekran g\u00f6r\u00fcnt\u00fclerini farkl\u0131 formatlarda alman\u0131za olanak tan\u0131r:<\/p>\n B\u00fcy\u00fck \u00f6l\u00e7ekli ekran g\u00f6r\u00fcnt\u00fcs\u00fc yakalama i\u015flemleri veya uzun s\u00fcren i\u015flemler i\u00e7in SnapRender, webhook'lar\u0131 veya asenkron i\u015flem modunu destekleyebilir. Bu modda, API iste\u011fi hemen bir yan\u0131t d\u00f6nd\u00fcrmez; bunun yerine, ekran g\u00f6r\u00fcnt\u00fcs\u00fc haz\u0131r oldu\u011funda SnapRender sizin belirtti\u011finiz bir URL'ye (webhook) bir bildirim g\u00f6nderir. Bu, uygulaman\u0131z\u0131n ekran g\u00f6r\u00fcnt\u00fcs\u00fcn\u00fcn tamamlanmas\u0131n\u0131 beklemeden di\u011fer i\u015flere devam etmesini sa\u011flar.<\/p>\n A\u015fa\u011f\u0131daki tablo, SnapRender API'sinde s\u0131k kullan\u0131lan baz\u0131 parametreleri \u00f6zetlemektedir:<\/p>\n SnapRender API'sini projelerinize entegre ederken performans\u0131, g\u00fcvenli\u011fi ve kararl\u0131l\u0131\u011f\u0131 sa\u011flamak i\u00e7in baz\u0131 en iyi uygulamalar\u0131 g\u00f6z \u00f6n\u00fcnde bulundurmak \u00f6nemlidir.<\/p>\n API istekleri s\u0131ras\u0131nda a\u011f sorunlar\u0131, sunucu hatalar\u0131 veya ge\u00e7ersiz parametreler gibi durumlarla kar\u015f\u0131la\u015fabilirsiniz. Uygulaman\u0131z\u0131n bu durumlar\u0131 d\u00fczg\u00fcn bir \u015fekilde ele almas\u0131 kritik \u00f6neme sahiptir.<\/p>\n B\u00fcy\u00fck \u00f6l\u00e7ekli ekran g\u00f6r\u00fcnt\u00fcs\u00fc yakalama i\u015flemleri yaparken performans\u0131 art\u0131rmak i\u00e7in \u015funlara dikkat edebilirsiniz:<\/p>\n API anahtar\u0131n\u0131z, hesab\u0131n\u0131za eri\u015fim sa\u011flayan hassas bir bilgidir.<\/p>\n SnapRender gibi bir API, \u00e7e\u015fitli projelerde kullan\u0131labilir:<\/p>\n Web sitesi ekran g\u00f6r\u00fcnt\u00fcs\u00fc yakalama, modern dijital operasyonlar\u0131n vazge\u00e7ilmez bir par\u00e7as\u0131d\u0131r. Manuel y\u00f6ntemlerin getirdi\u011fi s\u0131n\u0131rlamalar ve otomasyon ihtiyac\u0131 g\u00f6z \u00f6n\u00fcne al\u0131nd\u0131\u011f\u0131nda, SnapRender gibi g\u00fc\u00e7l\u00fc bir API \u00e7\u00f6z\u00fcm\u00fc, geli\u015ftiricilere ve i\u015fletmelere b\u00fcy\u00fck kolayl\u0131klar sunar. SnapRender, esnek parametreleri, geli\u015fmi\u015f \u00f6zellikleri ve kolay entegrasyonu sayesinde, tam sayfa ekran g\u00f6r\u00fcnt\u00fclerinden mobil g\u00f6r\u00fcn\u00fcmlere, \u00f6zel CSS\/JS enjeksiyonundan farkl\u0131 \u00e7\u0131kt\u0131 formatlar\u0131na kadar geni\u015f bir yelpazede ihtiya\u00e7lar\u0131 kar\u015f\u0131layabilir. Bu rehberde ele al\u0131nan bilgilerle, siz de SnapRender API'sini projelerinize entegre ederek web sitesi ekran g\u00f6r\u00fcnt\u00fcs\u00fc yakalama s\u00fcre\u00e7lerinizi otomatikle\u015ftirebilir, verimlili\u011finizi art\u0131rabilir ve de\u011ferli g\u00f6rsel verileri kolayca elde edebilirsiniz. Dijital varl\u0131klar\u0131n\u0131z\u0131n g\u00f6rsel b\u00fct\u00fcnl\u00fc\u011f\u00fcn\u00fc korumak ve izlemek hi\u00e7 bu kadar kolay olmam\u0131\u015ft\u0131.<\/p>\n Evet, SnapRender genellikle belirli bir \u00fccretsiz kullan\u0131m katman\u0131 sunan, ancak daha y\u00fcksek kullan\u0131m limitleri ve geli\u015fmi\u015f \u00f6zellikler i\u00e7in \u00fccretli abonelik planlar\u0131 olan bir hizmettir. Detayl\u0131 fiyatland\u0131rma bilgileri i\u00e7in SnapRender'\u0131n resmi web sitesini kontrol etmeniz \u00f6nerilir.<\/p>\n SnapRender genellikle PNG, JPEG ve PDF gibi pop\u00fcler \u00e7\u0131kt\u0131 formatlar\u0131n\u0131 destekler. \u0130stek yaparken Evet, API anahtar\u0131n\u0131z\u0131 almak i\u00e7in SnapRender'\u0131n web sitesine kaydolman\u0131z ve bir hesap olu\u015fturman\u0131z gerekir. Genellikle kullan\u0131c\u0131 panelinizde veya geli\u015ftirici ayarlar\u0131 b\u00f6l\u00fcm\u00fcnde API anahtar\u0131n\u0131z size \u00f6zel olarak sa\u011flan\u0131r.<\/p>\n API iste\u011finizde bir hata olu\u015fursa, SnapRender API'si genellikle bir HTTP durum kodu (\u00f6rne\u011fin, 400, 401, 500) ve hatay\u0131 a\u00e7\u0131klayan bir JSON yan\u0131t\u0131 d\u00f6nd\u00fcr\u00fcr. Bu yan\u0131t\u0131 inceleyerek hatan\u0131n nedenini anlayabilir ve kodunuzu buna g\u00f6re d\u00fczeltebilirsiniz. A\u011f sorunlar\u0131 gibi ge\u00e7ici hatalar i\u00e7in yeniden deneme mekanizmalar\u0131 kullanmak faydal\u0131 olabilir.<\/p>\n","protected":false},"excerpt":{"rendered":"API ile Web Sitesi Ekran G\u00f6r\u00fcnt\u00fcs\u00fc Yakalama: SnapRender Rehberi G\u00fcn\u00fcm\u00fcz\u00fcn dijital d\u00fcnyas\u0131nda, web sitelerinin g\u00f6rsel i\u00e7eri\u011fini yakalamak, bir\u00e7ok farkl\u0131 sekt\u00f6r ve kullan\u0131m senaryosu i\u00e7in kritik bir ihtiya\u00e7 haline gelmi\u015ftir.","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"csco_page_header_type":"","csco_page_load_nextpost":"","csco_page_subscribe_form":"","csco_page_contact_form":"","footnotes":""},"categories":[1],"tags":[],"class_list":{"0":"post-40947","1":"post","2":"type-post","3":"status-publish","4":"format-standard","6":"category-genel","7":"cs-entry","8":"cs-video-wrap"},"yoast_head":"\n
\nhttps:\/\/api.snaprender.com\/v1\/render<\/code><\/p>\n\n
url<\/code>: Ekran g\u00f6r\u00fcnt\u00fcs\u00fc al\u0131nacak web sitesinin tam URL’si (zorunlu).<\/li>\napi_key<\/code>: Sizin SnapRender API anahtar\u0131n\u0131z (zorunlu).<\/li>\noutput<\/code>: \u00c7\u0131kt\u0131 format\u0131 (\u00f6rne\u011fin, png<\/code>, jpeg<\/code>, pdf<\/code>). Varsay\u0131lan genellikle png<\/code>‘dir.<\/li>\nfull_page<\/code>: Tam sayfa ekran g\u00f6r\u00fcnt\u00fcs\u00fc al\u0131n\u0131p al\u0131nmayaca\u011f\u0131 (true<\/code> veya false<\/code>). Varsay\u0131lan false<\/code>‘tur.<\/li>\n<\/ul>\n\u0130lk Ekran G\u00f6r\u00fcnt\u00fcs\u00fcn\u00fc Yakalama<\/h4>\n
YOUR_API_KEY<\/code> ve YOUR_TARGET_URL<\/code> yer tutucular\u0131n\u0131 kendi bilgilerinizle de\u011fi\u015ftirin.<\/p>\nCURL \u00d6rne\u011fi:<\/h5>\n
example.com<\/code> adresinin tam sayfa bir PNG ekran g\u00f6r\u00fcnt\u00fcs\u00fcn\u00fc alacak ve screenshot.png<\/code> olarak kaydedecektir.<\/p>\ncurl -X GET \"https:\/\/api.snaprender.com\/v1\/render?api_key=YOUR_API_KEY&url=https:\/\/www.example.com&full_page=true&output=png\" --output screenshot.png<\/pre>\nPython \u00d6rne\u011fi:<\/h5>\n
requests<\/code> k\u00fct\u00fcphanesini kullanarak ayn\u0131 i\u015flemi yapabilirsiniz.<\/p>\nimport requests\n\napi_key = \"YOUR_API_KEY\"\ntarget_url = \"https:\/\/www.example.com\"\noutput_format = \"png\"\nfull_page = True\n\nparams = {\n \"api_key\": api_key,\n \"url\": target_url,\n \"output\": output_format,\n \"full_page\": full_page\n}\n\nresponse = requests.get(\"https:\/\/api.snaprender.com\/v1\/render\", params=params, stream=True)\n\nif response.status_code == 200:\n with open(\"screenshot.png\", \"wb\") as f:\n for chunk in response.iter_content(1024):\n f.write(chunk)\n print(\"Ekran g\u00f6r\u00fcnt\u00fcs\u00fc ba\u015far\u0131yla kaydedildi: screenshot.png\")\nelse:\n print(f\"Hata olu\u015ftu: {response.status_code} - {response.text}\")<\/pre>\nNode.js \u00d6rne\u011fi (axios ile):<\/h5>\n
axios<\/code> gibi bir HTTP istemcisi kullanarak da istek g\u00f6nderebilirsiniz.<\/p>\nconst axios = require('axios');\nconst fs = require('fs');\n\nconst apiKey = \"YOUR_API_KEY\";\nconst targetUrl = \"https:\/\/www.example.com\";\nconst outputFormat = \"png\";\nconst fullPage = true;\n\nconst params = {\n api_key: apiKey,\n url: targetUrl,\n output: outputFormat,\n full_page: full_page\n};\n\naxios({\n method: 'get',\n url: \"https:\/\/api.snaprender.com\/v1\/render\",\n params: params,\n responseType: 'stream'\n})\n.then(response => {\n if (response.status === 200) {\n response.data.pipe(fs.createWriteStream('screenshot.png'));\n console.log('Ekran g\u00f6r\u00fcnt\u00fcs\u00fc ba\u015far\u0131yla kaydedildi: screenshot.png');\n } else {\n console.error(Hata olu\u015ftu: ${response.status} - ${response.statusText}<\/code>);\n }\n})\n.catch(error => {\n console.error(\u0130stek s\u0131ras\u0131nda hata olu\u015ftu: ${error.message}<\/code>);\n});<\/pre>\nGeli\u015fmi\u015f SnapRender \u00d6zellikleri ve Kullan\u0131m Senaryolar\u0131<\/h3>\n
Tam Sayfa ve Belirli Alan Ekran G\u00f6r\u00fcnt\u00fcleri<\/h4>\n
full_page=true<\/code> parametresi ile sayfan\u0131n kayd\u0131r\u0131labilir t\u00fcm i\u00e7eri\u011fini i\u00e7eren bir ekran g\u00f6r\u00fcnt\u00fcs\u00fc alabilirsiniz. Bunun yan\u0131 s\u0131ra, SnapRender bazen belirli bir HTML elementinin ekran g\u00f6r\u00fcnt\u00fcs\u00fcn\u00fc almak i\u00e7in de se\u00e7enekler sunabilir (API dok\u00fcmantasyonunu kontrol etmekte fayda var). Bu, \u00f6zellikle bir sayfan\u0131n sadece belirli bir b\u00f6l\u00fcm\u00fcn\u00fcn g\u00f6rselini yakalamak istedi\u011finizde kullan\u0131\u015fl\u0131d\u0131r.<\/p>\nMobil ve Tablet G\u00f6r\u00fcn\u00fcmleri Sim\u00fclasyonu<\/h4>\n
width<\/code>, height<\/code> ve device_scale_factor<\/code> gibi parametrelerle belirli bir ekran boyutunu ve piksel yo\u011funlu\u011funu sim\u00fcle etmenize olanak tan\u0131r. \u00d6rne\u011fin, iPhone X g\u00f6r\u00fcn\u00fcm\u00fcnde bir ekran g\u00f6r\u00fcnt\u00fcs\u00fc almak i\u00e7in uygun geni\u015flik ve y\u00fckseklik de\u011ferlerini ayarlayabilirsiniz.<\/p>\nGecikme ve \u00d6zel Komut Dosyalar\u0131 (CSS\/JS Enjeksiyonu)<\/h4>\n
delay<\/code> parametresi \u00e7ok \u00f6nemlidir. Bu parametre, SnapRender'\u0131n ekran g\u00f6r\u00fcnt\u00fcs\u00fcn\u00fc almadan \u00f6nce belirli bir s\u00fcre (milisaniye cinsinden) beklemesini sa\u011flar. Bu sayede t\u00fcm JavaScript'in \u00e7al\u0131\u015fmas\u0131 ve sayfan\u0131n tamamen render edilmesi i\u00e7in yeterli zaman tan\u0131n\u0131r.<\/p>\ncss<\/code> ve javascript<\/code> parametreleri ile ekran g\u00f6r\u00fcnt\u00fcs\u00fc al\u0131nmadan \u00f6nce sayfaya \u00f6zel CSS stilleri veya JavaScript kodlar\u0131 ekleyebilirsiniz. Bu \u00f6zellik, reklamlar\u0131 gizlemek, belirli \u00f6\u011feleri vurgulamak veya sayfan\u0131n i\u00e7eri\u011fini ge\u00e7ici olarak de\u011fi\u015ftirmek gibi senaryolarda son derece g\u00fc\u00e7l\u00fcd\u00fcr.<\/p>\ncurl -X GET \"https:\/\/api.snaprender.com\/v1\/render?api_key=YOUR_API_KEY&url=https:\/\/www.example.com&css=body%7Bbackground-color%3A%20lightgray%3B%7D%20.ad-banner%7Bdisplay%3Anone%3B%7D\" --output modified_screenshot.png<\/pre>\n
\n(CSS kodu URL encode edilmelidir.)<\/p>\n\u00c7e\u015fitli \u00c7\u0131kt\u0131 Formatlar\u0131<\/h4>\n
\n
quality<\/code> parametresi ile s\u0131k\u0131\u015ft\u0131rma oran\u0131n\u0131 ayarlayabilirsiniz.<\/li>\nWebhook'lar ve Asenkron \u0130\u015flemler<\/h4>\n
\n\n
\n \nParametre<\/th>\n A\u00e7\u0131klama<\/th>\n \u00d6rnek De\u011fer<\/th>\n<\/tr>\n<\/thead>\n \n url<\/code><\/td>\nEkran g\u00f6r\u00fcnt\u00fcs\u00fc al\u0131nacak URL.<\/td>\n https:\/\/www.google.com<\/code><\/td>\n<\/tr>\n\n api_key<\/code><\/td>\nAPI anahtar\u0131n\u0131z.<\/td>\n sk_xxxxxxxxxxxx<\/code><\/td>\n<\/tr>\n\n output<\/code><\/td>\n\u00c7\u0131kt\u0131 format\u0131 (png, jpeg, pdf).<\/td>\n png<\/code><\/td>\n<\/tr>\n\n full_page<\/code><\/td>\nTam sayfa ekran g\u00f6r\u00fcnt\u00fcs\u00fc al\u0131n\u0131p al\u0131nmayaca\u011f\u0131.<\/td>\n true<\/code><\/td>\n<\/tr>\n\n width<\/code><\/td>\nEkran g\u00f6r\u00fcnt\u00fcs\u00fcn\u00fcn geni\u015fli\u011fi (piksel).<\/td>\n 1280<\/code><\/td>\n<\/tr>\n\n height<\/code><\/td>\nEkran g\u00f6r\u00fcnt\u00fcs\u00fcn\u00fcn y\u00fcksekli\u011fi (piksel). Tam sayfa de\u011filse.<\/td>\n 800<\/code><\/td>\n<\/tr>\n\n delay<\/code><\/td>\nEkran g\u00f6r\u00fcnt\u00fcs\u00fc almadan \u00f6nceki gecikme s\u00fcresi (ms).<\/td>\n 2000<\/code><\/td>\n<\/tr>\n\n css<\/code><\/td>\nSayfaya enjekte edilecek \u00f6zel CSS.<\/td>\n .hide-me{display:none;}<\/code><\/td>\n<\/tr>\n\n javascript<\/code><\/td>\nSayfaya enjekte edilecek \u00f6zel JavaScript.<\/td>\n window.scrollTo(0, 100);<\/code><\/td>\n<\/tr>\n\n quality<\/code><\/td>\nJPEG \u00e7\u0131kt\u0131s\u0131 i\u00e7in s\u0131k\u0131\u015ft\u0131rma kalitesi (0-100).<\/td>\n 80<\/code><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\nEntegrasyon \u0130pu\u00e7lar\u0131 ve En \u0130yi Uygulamalar<\/h3>\n
Hata Y\u00f6netimi ve Yeniden Denemeler<\/h4>\n
\n
Performans Optimizasyonu<\/h4>\n
\n
G\u00fcvenlik Hususlar\u0131<\/h4>\n
\n
Kullan\u0131m Alanlar\u0131 ve \u00d6rnek Projeler<\/h4>\n
\n
Sonu\u00e7<\/h3>\n
SSS (S\u0131k Sorulan Sorular)<\/h3>\n
SnapRender \u00fccretli bir hizmet midir?<\/h4>\n
Hangi formatlarda ekran g\u00f6r\u00fcnt\u00fcs\u00fc alabilirim?<\/h4>\n
output<\/code> parametresi ile istedi\u011finiz format\u0131 belirleyebilirsiniz.<\/p>\nMobil ve tablet g\u00f6r\u00fcn\u00fcm\u00fcnde ekran g\u00f6r\u00fcnt\u00fcs\u00fc alabilir miyim?<\/h4>\n
width<\/code> ve height<\/code> gibi parametreleri ayarlayarak veya belirli bir cihaz\u0131 sim\u00fcle eden \u00f6nceden tan\u0131mlanm\u0131\u015f ayarlarla mobil ve tablet g\u00f6r\u00fcn\u00fcmlerinde ekran g\u00f6r\u00fcnt\u00fcs\u00fc alabilirsiniz. Bu, responsive tasar\u0131m testleri i\u00e7in olduk\u00e7a kullan\u0131\u015fl\u0131d\u0131r.<\/p>\nAPI anahtar\u0131m\u0131 nas\u0131l al\u0131r\u0131m?<\/h4>\n
Hata durumunda ne yapmal\u0131y\u0131m?<\/h4>\n