Ekraanipilt teeb kõrge kvaliteediga pilte mis tahes veebilehest kahes režiimis: nähtav ala (täpselt see, mida sa brauseri aknas näed) või täislehte (terve leht ülevalt alla, sealhulgas voldist allpool olev sisu). Ekraanipildid salvestatakse kõrge resolutsiooniga PNG failidena ja laetakse koheselt sinu seadmesse — ilma pilve üleslaadimisteta, kontodeta, ootamata.
Brauseripõhised ekraanipildid (kasutades operatsioonisüsteemi tööriistu nagu Cmd+Shift+4 või Snipping Tool) jäädvustavad kogu ekraani, sealhulgas brauseri kasutajaliidese, tööriistaribad ja teised aknad. Need ei suuda jäädvustada lehe kerimisjoonest allpool olevat sisu. DevSuite'i ekraanipildi tööriist lahendab mõlemad probleemid — see jäädvustab ainult veebilehe sisu (ilma brauseri kasutajaliideseta) ning oskab kerida läbi kogu lehe, luues ühtse tervikliku pildi.
Nähtava ala režiim kasutab Chrome'i sisseehitatud jäädvustamise API-t pikslitäpsuse tagamiseks. Terve lehe režiim kerib lehte automaatselt, jäädvustab iga vaateakna osa ning õmbleb need kokku üheks pidevaks pildiks. Väljundiks on täisresolutsiooniga PNG (vastab teie ekraani seadme piksliteguriga), nii et ekraanipildid on teravad nii Retina kui ka kõrge DPI-ga ekraanidel.
Fikseeritud ja kleepuvad elemendid (päised, küpsiseteatised, vestlusvidinad) käsitletakse tervelehe jäädvustamisel automaatselt: kuna tööriist kerib tegelikku lehte, mitte ei koosta tükke peita renderdajaga, jäädvustatakse vaateaknale kinnitatud elemendid üks kord õiges asukohas, mitte ei korduta need igal tükil. Laisalt laaditavad pildid ja sisu, mis renderdub alles kerimisel nähtavale, käivituvad loomulikult, kui jäädvustamine neist mööda kerib, nii et lõplik pilt peegeldab seda, mida päris külastaja näeks, mitte tühja kohatäite ruudustikku — see on eriti oluline piltiderohkete sihtlehtede ja pikkade artiklite puhul.
Hõiva täpselt see, mis on brauseri viewport'is nähtav — täpne sisu ristkülik, mida kasutaja näeb. Pole brauseri chrome'i, tööriistaribasid, kerimisriba. Ainult puhas veebilehe sisu, nagu see ekraanil paistab. Üks klõps, kohene hõive.
Hõiva terve leht päris ülevalt päris alla, sealhulgas kogu voldist allpool olev sisu. Tööriist kerib lehte automaatselt, hõivab iga sektsiooni ja õmbleb plaadid kokku üheks sujuvaks, pidevaks pildiks. Töötab mis tahes pikkusega lehtedel.
Ekraanipildid hõivatakse sinu kuvari natiivsel pixel ratio'l (2x Retinal, 1.5x mõnedel Windowsi kuvaritel). Tulemus on terav, kõrge resolutsiooniga pilt, mis paistab terav isegi sissesuumimise ajal — mitte hägune ülespoolne skaleerimine, mida saad operatsioonisüsteemi ekraanipiltidest.
Hõivatud pilt salvestatakse kadudeta PNG failina ja laetakse otse sinu seadmesse koheselt. Pole pilve üleslaadimist, pole ootamist töötlemisele, pole kontot vaja. Fail ilmub sinu allalaadimiste kausta sekunditega.
Hõive sisaldab ainult veebilehe sisu — pole brauseri vahekaarte, aadressiriba, järjehoidjate riba ega laienduste tööriistariba. Väljund näeb täpselt välja nagu leht näeks välja, kui brauseri UI ei eksisteeriks.
Hõivab mis tahes veebilehe sõltumata sellest, kuidas see on ehitatud — staatiline HTML, SPA-d (React, Vue), laisa laadimisega piltidega lehed, lõpmatu kerimine, kleepuvad päised ja fikseeritud positsiooniga elemendid. Täislehe režiim käsitleb neid kõiki.
Tee oma portfoolio jaoks täislehe ekraanipilte veebilehtedest, mida oled disaininud või arendanud. Täislehe režiim annab sulle täieliku, sujuva pildi, mis näitab kogu lehe disaini — ideaalne Behance'i, Dribble'i või portfoolio juhtumiuuringute jaoks.
Vea raporteerimisel on ekraanipilt tuhande sõna väärt. Hõiva täpne viewport, mis näitab probleemi, või täislehe ekraanipilt, mis näitab, kuidas viga mõjutab kogu paigutust. Lisa see oma GitHubi probleemile või Jira piletile.
Hõiva staging saidi praegune olek osaniku ülevaateks. Täislehe ekraanipildid lasevad klientidel näha täielikku disaini ilma vajaduseta saiti ise külastada — kasulik mittetehniliste osanike ülevaadete jaoks.
Tee ekraanipilt enne muudatuste tegemist, seejärel teine pärast. Võrdle kahte pilti kõrvuti, et veenduda, et sinu CSS või paigutuse muudatused näevad terve lehel õiged välja, mitte ainult sektsioonis, millele keskendusid.
Loo puhtaid, professionaalseid pilte veebilehtedest blogipostituste, säutsude või esitluste jaoks. Tööriistariba- ja brauseri chrome'i-vaba väljund näeb lihvitud ja professionaalne välja — pole vaja brauseri UI-d välja lõigata.
Ava DevSuite Pro dokk või popup ja klõpsa Ekraanipildi ikoonil. Ilmub režiimi valija kahe valikuga: "Nähtav Ala" ja "Täisleht".
Klõpsa "Nähtav Ala", et hõivata praegune viewport (mida sa praegu näed), või "Täisleht", et hõivata terve leht ülevalt alla.
Nähtava ala hõived on koheset (alla 1 sekundi). Täislehe hõived võtavad mõned sekundid, kuna tööriist kerib läbi ja õmbleb plaate. Edenemise indikaator näitab hõivamise olekut.
Hõivatud pilt laetakse automaatselt PNG failina alla. Vaata oma brauseri allalaadimiste kausta, et leida fail, mis on nimetatud lehe pealkirja ja ajatempliga.
Tööriist jääb pärast iga hõivet aktiivseks. Tee täiendavaid ekraanipilte samadest või erinevatest lehtedest ilma uuesti aktiveerimata. Keri, tee muudatusi ja hõiva uuesti.
Paigaldage DevSuite Pro tasuta ja avage 64+ arendustööriista oma brauserile.
