Snimke zaslona su fleksibilan alat za svakodnevne zadatke, od prikazivanja posla do dijeljenja informacija. Možete napraviti snimke zaslona pomoću naredbi tipkovnice, aplikacija i proširenja preglednika, no jeste li ikada pokušali snimiti snimke zaslona izravno putem Google Chromea?
Evo scenarija, potrebna vam je snimka zaslona cijele web stranice. Umjesto snimanja više snimaka zaslona stranice, što može biti zamorno, zašto to ne biste napravili odjednom? Ovdje stupaju na scenu Alati za razvojne programere.
Ovaj će vodič objasniti kako možete koristiti Chromeove alate za razvojne programere da biste jednostavno napravili snimku zaslona svojih web stranica.
Chromeovi razvojni alati moćni su integrirani alati za uklanjanje pogrešaka ugrađeni u preglednik Google Chrome. Alati omogućuju programerima za testiranje, otklanjanje pogrešaka i optimiziranje web aplikacija kako bi bile brže i pouzdanije.
Neke značajke uključuju pregled i uređivanje koda web stranice u stvarnom vremenu, pregled njezinog mrežnog prometa i analizu njezine izvedbe, uključujući vrijeme učitavanja i korištenje memorije.
Da biste napravili snimku zaslona web stranice pomoću alata za razvojne programere u pregledniku Google Chrome, slijedite korake u nastavku:
Prvo, otvorite Google Chrome a zatim idite na web mjesto ili određenu web stranicu. Zatim desnom tipkom miša kliknite bilo gdje na stranici i kliknite Pregledati na dnu padajućeg izbornika za otvaranje Razvojni alati ploča. Alternativno, možete koristiti Ctrl + Shift + C.
Uključi/isključi Alatna traka uređaja klikom na drugu ikonu u gornjem lijevom kutu ili Ctrl + Shift + M. Možete vidjeti kako stranica izgleda na različitim uređajima, poput telefona i tableta.
U gornjem lijevom kutu nalazi se padajući izbornik tzv Dimenzije. Klikom na njega otvorit će se izbornik s različitim uređajima. Klikom na opciju pokazat ćete kako stranica izgleda na tom uređaju. Također možete vidjeti širinu i visinu stranice te opciju povećavanja i smanjivanja.
Ovisno o vašem uređaju, opcija širine ili visine (ili oboje) bit će poništena, sprječavajući vas da promijenite njegovu veličinu.
Po želji, možete odabrati uređaj i orijentaciju za snimanje zaslona Način rada uređaja. Kada ste zadovoljni kako sve izgleda, kliknite na tri okomite točke na traci dimenzija i kliknite bilo koju Snimi snimak zaslona ili Snimite snimku zaslona u punoj veličini.
Alternativno, možete koristiti Ctrl + Shift + P da otvorite izbornik naredbi i upišete riječ snimka zaslona u okvir za tekst. Kada upišete riječ, primijetit ćete da se u padajućem izborniku pojavljuju četiri vrste opcija za snimanje zaslona:
- Snimite snimku zaslona područja: snima snimku zaslona pregledanog elementa.
- Snimite snimku zaslona u punoj veličini: snima snimku zaslona cijele stranice.
- Snimite snimku zaslona čvora: povucite određeno područje stranice koje želite snimiti.
- Snimi snimak zaslona: snima snimku zaslona svih vidljivih sadržaja na stranici.
Da biste dobili širu snimku zaslona stranice, prilagodite veličinu ploče Alati za razvojne programere. To možete učiniti tako da mišem prijeđete preko desne strane okomite trake za pomicanje dok ne vidite strelicu s dva kraja. Pritisnite ga i povucite ploču lijevo ili desno da biste promijenili veličinu stranice.
Snimka zaslona automatski će se spremiti u vaš Preuzimanja mapu kao PNG slikovnu datoteku, ako je nemate bilo kakvih problema s preuzimanjem datoteka. Odatle možete napraviti bilo kakve prilagodbe na slici.
Novi način snimanja zaslona u pregledniku Google Chrome
Snimanje zaslona pomoću Google Chrome alata za razvojne programere može vam pomoći da obavite više i uštedite vrijeme. Također vam daje novi način snimanja zaslona, bilo da ste programer, dizajner ili redoviti korisnik.
Sljedeći put kada budete trebali napraviti snimku zaslona u drugoj orijentaciji ili na drugom uređaju, korištenje Alata za razvojne programere je brz i učinkovit način koji je uvijek dostupan. Kada preuzimamo datoteke, spremaju se u našu zadanu mapu Preuzimanja. Ali ako želite promijeniti mapu, to možete jednostavno učiniti u pregledniku Google Chrome.