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.
Brauseri natiivsed ekraanipildid (kasutades operatsioonisüsteemi tasandi tööriistu nagu Cmd+Shift+4 või Snipping Tool) hõivavad kogu sinu ekraani, sealhulgas brauseri chrome'i, tööriistaribasid ja teisi aknaid. Need ei suuda hõivata voldist allpool olevat sisu. DevSuite'i Ekraanipildi tööriist lahendab mõlemad probleemid — see hõivab ainult veebilehe sisu (pole brauseri UI-d) ja saab kerida kogu lehel, et luua sujuv täislehe pilt. Nähtava ala režiim kasutab Chrome'i natiivset capture API-d pikslitäpse täpsuse jaoks. Täislehe režiim kerib lehte automaatselt, hõivab iga viewport'i plaadi ja õmbleb need kokku üheks pidevaks pildiks. Väljund on täisresolutsiooniga PNG (vastav sinu kuvari device pixel ratio'le), nii et ekraanipildid on teravad Retina ja kõrge DPI kuvarite peal.
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 39+ arendustööriista oma brauserile.
