Alat Screenshot snima visokokvalitetne slike bilo koje web stranice u dva načina rada: vidljivo područje (točno ono što vidite u prozoru preglednika) ili cijela stranica (od vrha do dna, uključujući sadržaj ispod vidljivog dijela). Snimke zaslona spremaju se kao PNG datoteke visoke rezolucije i odmah se preuzimaju na vaš uređaj — bez pohrane u oblak, bez računa, bez čekanja.
Snimke zaslona ugrađene u operacijski sustav (poput Cmd+Shift+4 ili Snipping Toola) hvataju cijeli zaslon, uključujući sučelje preglednika, alatne trake i druge prozore. One ne mogu snimiti sadržaj koji se nalazi ispod vidljivog dijela stranice. Alat Screenshot unutar DevSuitea rješava oba problema — snima isključivo sadržaj web stranice (bez sučelja preglednika) i može se pomicati kroz cijelu stranicu kako bi stvorio jednu neprekinutu sliku cijele stranice.
Način rada za vidljivo područje koristi Chromeov nativni API za snimanje radi savršene piksel-po-piksel točnosti. Način rada za cijelu stranicu automatski pomiče stranicu, snima svaki dio prikaza i spaja ih u jednu kontinuiranu sliku. Rezultat je PNG u punoj rezoluciji (u skladu s omjerom piksela vašeg zaslona), pa su snimke oštre i jasne na Retina i high-DPI zaslonima.
Fiksni i lijepljeni (sticky) elementi (zaglavlja, banneri za kolačiće, widgeti za chat) automatski se obrađuju tijekom snimanja cijele stranice: budući da alat pomiče stvarnu stranicu umjesto da spaja isječke iz headless renderera, sve što je prikvačeno za prikaz snima se samo jednom na ispravnoj poziciji, umjesto da se ponavlja na svakom dijelu slike. Lijeno učitane (lazy-loaded) slike i sadržaj koji se prikazuje tek kad uđe u vidno polje pokreću se prirodno dok snimanje prolazi kroz njih, pa konačna slika odražava ono što bi stvarni posjetitelj vidio, a ne prazan mrežasti placeholder — što je jako bitno za landing stranice bogate slikama i duge tekstualne članke.
Snimite točno ono što je vidljivo u vidnom polju preglednika — precizni pravokutnik sadržaja koji korisnik vidi. Bez korisničkog sučelja preglednika, bez alatnih traka, bez klizača. Samo čisti sadržaj web stranice onakav kakav se prikazuje na zaslonu. Jedan klik, trenutačno snimanje.
Snimite cijelu stranicu od samog vrha do samog dna, uključujući sav sadržaj ispod vidljivog dijela. Alat se automatski pomiče kroz stranicu, snima svaki odjeljak i spaja dijelove u jednu besprijekornu, kontinuiranu sliku. Radi na stranicama bilo koje duljine.
Snimke zaslona snimaju se u nativnom omjeru piksela vašeg zaslona (2x na Retina, 1,5x na nekim Windows zaslonima). Rezultat je oštra, visokorezolucijska slika koja izgleda jasno čak i pri povećanju — za razliku od mutnog povećanja koje dobivate od snimki zaslona OS-a.
Snimljena slika sprema se kao PNG datoteka bez gubitaka i odmah se preuzima izravno na vaš uređaj. Bez pohrane u oblak, bez čekanja na obradu, bez potrebe za računom. Datoteka se pojavljuje u mapi preuzimanja u roku od nekoliko sekundi.
Snimanje uključuje samo sadržaj web stranice — bez kartica preglednika, adresne trake, trake s oznakama ili alatne trake proširenja. Rezultat izgleda točno onako kako bi stranica izgledala da sučelje preglednika ne postoji.
Snima bilo koju web stranicu bez obzira na to kako je izrađena — statički HTML, SPAs (React, Vue), stranice s lazy-loaded slikama, beskonačno pomicanje, ljepljiva zaglavlja i elementi s fiksnom pozicijom. Način rada pune stranice sve to obrađuje.
Snimite snimke cijele stranice web mjesta koja ste dizajnirali ili razvili za svoj portfelj. Način rada pune stranice daje vam potpunu, besprijekornu sliku koja prikazuje cijeli dizajn stranice — savršeno za Behance, Dribbble ili studije slučaja portfelja.
Pri prijavi pogreške, snimka zaslona vrijedi tisuću riječi. Snimite točno vidno polje koje prikazuje problem ili snimku cijele stranice koja pokazuje kako pogreška utječe na cijeli izgled. Priložite je uz GitHub issue ili Jira ticket.
Snimite trenutačno stanje staging mjesta za pregled dioničara. Snimke zaslona cijele stranice omogućuju klijentima da vide potpuni dizajn bez potrebe da sami posjete web mjesto — korisno za recenzije s ne-tehničkim dioničarima.
Napravite snimku zaslona prije unošenja promjena, a zatim još jednu nakon. Usporedite dvije slike jednu pored druge kako biste provjerili izgledaju li vaše CSS izmjene ili izmjene rasporeda ispravno na cijeloj stranici, a ne samo u odjeljku na kojemu ste bili usredotočeni.
Stvorite čiste, profesionalne slike web stranica za objave na blogu, tvitove ili prezentacije. Rezultat bez alatnih traka i sučelja preglednika izgleda dotjerano i profesionalno — nema potrebe izrezivati sučelje preglednika.
Otvorite DevSuite Pro dock ili popup i kliknite ikonu Screenshot. Pojavljuje se birač načina rada s dvije mogućnosti: "Vidljivo područje" i "Cijela stranica".
Kliknite "Vidljivo područje" za snimanje trenutačnog vidnog polja (ono što sada vidite) ili "Cijela stranica" za snimanje cijele stranice od vrha do dna.
Snimanje vidljivog područja je trenutačno (ispod 1 sekunde). Snimanje cijele stranice traje nekoliko sekundi dok se alat pomiče i spaja dijelove. Indikator napretka prikazuje status snimanja.
Snimljena slika automatski se preuzima kao PNG datoteka. Potražite datoteku u mapi preuzimanja preglednika — nazvana je naslovom stranice i vremenskom oznakom.
Alat ostaje aktivan nakon svakog snimanja. Napravite dodatne snimke zaslona iste ili različitih stranica bez ponovnog aktiviranja. Pomičite se, unesite promjene i snimajte ponovo.
Instalirajte DevSuite Pro besplatno i otključajte 64+ razvojnih alata za svoj preglednik.
