Kuidas teha ekraanipilti kogu veebilehest igal seadmel: Täielik juhend

Me kõik oleme seal olnud. Sa vajutad 'Print Screen', et salvestada veebilehte, kuid saad vaid väikese osa, mis on sinu monitoril nähtav. Mis saab kogu sellest olulistest sisust, mis peitub allpool?

Õppimine, kuidas teha ekraanipilti kogu veebilehest, muudab mängu. See võimaldab sul jäädvustada kõik alates päisest kuni jaluseni ühes puhtas, pidevas pildis, muutes killustatud osad täiendavaks visuaalseks rekordiks.

Miks vajad rohkem kui lihtsalt Print Screen

Mõtle viimasele korrale, kui proovisid salvestada pikka artiklit või konkurendi maandumislehte. Sa tõenäoliselt tegid ekraanipildi, kerisid, tegid veel ühe ja kordasid protsessi, kuni jõudsid põhja. Tulemuseks? Segane piltide mosaiik, mille pidid vaevaga kokku panema, kui sa üldse vaeva nägid.

See käsitsi lähenemine ei ole mitte ainult peavalu; see on täiesti ebapraktiline igasuguste professionaalsete tööde jaoks. Igaühele, kes tegeleb veebisaitidega—arendajad, turundajad, disainerid, kes iganes—lihtne ekraanipilt lihtsalt ei piisa.

• QA testijatele: Kujuta ette, et leiad visuaalse vea suure lehe jalusest. Tavaline ekraanipilt ei suuda näidata kogu konteksti. Kogu lehe jäädvustus, seevastu, dokumenteerib kogu paigutuse, muutes sinu veateated sada korda selgemaks.
• Veebiarendajatele: Kui näitad kliendile uut disaini, näeb kogu avalehe ühtne pilt palju viimistletum välja kui rida katkiseid faile. See võimaldab neil korraga üle vaadata kogu lehe voolu.
• Turundajatele: Proovid arhiveerida konkurendi müügikanalit või detailset tootelehte? Pead jäädvustama kõik. Kogu lehe ekraanipilt säilitab kogu kasutajateekonna ühes failis, valmis analüüsiks.

Kaasaegsete veebiväljakutsete ületamine

Tänapäeva veebisaidid on kaugel staatilisest. Need on täis dünaamilisi elemente, mis takistavad põhiekranipildi meetodeid. Kleepuvad päised, mis järgivad sind lehe all, võivad lõppkokkuvõttes korduda sinu kokku pandud piltides. Ja mis saab laiskade laadimiste sisust, mis ilmub alles siis, kui sa sellele kerid? See võib olla täielikult puudu sinu lõpppildist, kui sa ei kasuta õiget tööriista.

Kogu veebilehe jäädvustamine ei ole ainult mugavus—see on täpse, professionaalse ja täieliku visuaaldokumendi loomine. Sa säilitad lehe terviklikkuse just sellisena, nagu see pidi olema nähtav.

See ei ole ka lihtsalt nišivajadus. Usaldusväärsete jäädvustustööriistade nõudlus kasvab. Veebilehe ekraanipildi tarkvara turg on teel, et ületada 1,2 miljardit dollarit aastaks 2033, kasvades iga aasta stabiilselt 12%. See buum peegeldab suurt muutust, kuna professionaalid loobuvad käsitsi meetoditest automatiseeritud tööriistade kasuks. Sa saad süveneda täielikku turu kasvu raportisse, et saada rohkem ülevaadet.

Enne kui sukeldud "kuidas teha", on kasulik näha valikuid kõrvuti. Igal meetodil on oma tugevused ja see sobib erinevatesse olukordadesse.

Veebilehe jäädvustamise meetodid lühidalt

Meetod	Parim	Peamine piirang	Nõutav tehniline oskus
Brauseri DevTools	Arendajad, QA testijad ja tehnilised kasutajad, kes vajavad kiiret, sisseehitatud jäädvustust ilma midagi installimata.	Võib olla hirmutav mitte-tehnilistele kasutajatele ja puuduvad annotatsiooni või redigeerimise funktsioonid.	Vahepealne
Brauseri sisseehitatud funktsioonid	Tavakasutajad Firefoxis või Edges, kes vajavad lihtsat, ühe klõpsuga lahendust põhijäädvustuste jaoks.	Ei ole saadaval kõigis brauserites (eriti Chrome'is) ja sellel on väga piiratud kohandamine.	Algaja
Brauseri laiendused	Peaaegu kõik—turundajatest kuni tugimeeskondadeni—kes vajavad usaldusväärset, funktsioonirikka tööriista redigeerimise ja jagamise võimalustega.	Nõuab kolmanda osapoole laienduse installimist; funktsioonide kvaliteet võib varieeruda.	Algaja
Mobiilseadme meetodid	Mobiilispecific paigutuste või rakenduse sisu jäädvustamine otse nutitelefonist või tahvelarvutist.	Võib olla kohmakas; kvaliteet ei pruugi olla sama kõrge kui lauaarvuti jäädvustustel.	Algaja

See tabel annab sulle kiire ülevaate, aidates valida õige tee enne, kui sukeldume samm-sammult juhenditesse igaühe jaoks.

Õige tööriista leidmine

Hea uudis on see, et sa ei pea olema koodigeenius, et teha ekraanipilti kogu veebilehest. Alates brauseri sisseehitatud käskudest kuni võimsate laiendusteni, on olemas tööriist, mis sobib sinu vajadustega ideaalselt. Need lahendused on loodud, et toime tulla kaasaegsete väljakutsetega, nagu lõputu kerimine ja dünaamiline sisu, tagades, et saad iga kord täpse jäädvustuse.

Järgmistes osades vaatame läbi parimad meetodid, et saaksid leida selle, mis sobib sinu töövoogu.

Kasutades oma brauseri peidetud ekraanipildi tööriistu

Enne kui mõtled kolmanda osapoole tööriista installimisele, vaata, mida su brauser juba teha suudab. See on natuke saladus, kuid brauserid nagu Chrome, Firefox ja Edge omavad võimsaid, sisseehitatud tööriistu, mis suudavad teha ekraanipilti kogu veebilehest ilma täiendava tarkvara vajaduseta.

Ma leian, et arendajad ja QA spetsialistid jäävad sageli nende sisseehitatud meetodite juurde. Miks? Need on usaldusväärsed, juba installitud ja töötavad otse keskkonnas, mida nad kasutavad testimiseks ja arendamiseks. See lähenemine väldib kenasti privaatsuse muresid või võimalikke konflikte, mis mõnikord tekivad brauseri laiendustega.

Kogu lehe ekraanipiltide avamine Chrome DevTools'is

Google Chrome ei pane täpselt "Salvesta kogu leht" nuppu esiplaanile. Selle asemel peidab see uskumatult täpset jäädvustustööriista oma Arendaja Tööriistade (DevTools) sisse. See on minu lemmik, kui vajan täpset tulemust, eriti tehnilise töö jaoks.

Jõudmine sinna on üsna lihtne. Esiteks pead avama DevTools'i. Sa saad paremklõpsata lehe peal ja valida "Uuri", või kasutada lihtsalt klaviatuuri otseteed:

• Windows/Linux: Ctrl + Shift + I
• Mac: Cmd + Option + I

DevTools'i paneel avatud, pead tooma esile Käskude Menüü. See on veel üks kiire klaviatuuri otsetee: Ctrl + Shift + P (Windows/Linux) või Cmd + Shift + P (Mac). Otsinguriba ilmub kohe.

Sealt alates alusta lihtsalt "screenshot" kirjutamist. Sa näed, kuidas mõned valikud filtreeruvad, kuid see, mida otsid, on "Jäädvusta täissuuruses ekraanipilt." Kliki sellele. Chrome tegeleb ülejäänudga—kerides ja kokku pannes kogu lehe—enne kui salvestab selle PNG failina otse sinu allalaadimiste kausta. Lihtne.

Mobiilseadmete simuleerimine vastavate jäädvustuste jaoks

Siin paistab DevTools'i meetod tõeliselt silma: selle integreerimine seadme emulaatoriga. See funktsioon on mängu muutja kõigile, kes teevad vastupidavuse disaini testimist, kuna see võimaldab jäädvustada veebilehte täpselt sellisena, nagu see näeks välja konkreetsel telefonil või tahvelarvutil.

Alustamiseks avage DevTools ja otsige "Lülita seadme tööriistariba" ikooni; see näeb välja nagu väike tahvelarvuti telefoni kõrval. Sellele klikkimine raamib veebilehe kohe ümber simuleeritud mobiilseks ekraaniks. Sa saad seejärel kasutada rippmenüüd, et valida kümnete populaarsete seadmete hulgast, nagu iPhone 14 Pro või Samsung Galaxy S20 Ultra.

See vaade on äärmiselt oluline, et kontrollida, kas paigutused, fondid ja pildid kõik renderduvad õigesti väiksematel ekraanidel enne ekraanipildi jäädvustamist.

Kui sul on mobiilne vaade paika pandud, korda lihtsalt samu samme nagu enne. Ava Käskude Menüü (Ctrl/Cmd + Shift + P), kirjuta "screenshot" ja vali "Jäädvusta täissuuruses ekraanipilt." Sa saad täiusliku, vertikaalselt keriva mobiilse jäädvustuse. See on täpselt see töövoog, mida olen näinud QA inseneride kasutavat mobiilse esmaklassilise disaini kinnitamiseks pika e-kaubanduse tootelehe peal.

Brauseri sisseehitatud ekraanipildi tööriistad Firefoxis ja Edges

Kuigi Chrome paneb sind natuke kaevama, on Firefox ja Edge teinud selle protsessi keskmisele kasutajale palju kergemaks, ehitades funktsiooni otse peamisse brauseri liidesesse.

• Firefoxis: Lihtsalt paremklõpsa lehe peal ja vali "Tee ekraanipilt." Üks ülekatteaken ilmub, andes sulle võimaluse salvestada, mida näed, või salvestada kogu leht. See on lihtne, kahe klõpsuga protsess.
• Microsoft Edge'is: Sa saad kasutada otseteed Ctrl + Shift + S või klikkida peamise seadete menüü (...) ja leida "Veebi jäädvustus." See annab sulle ka võimalusi jäädvustada konkreetne ala või kogu leht.

Need sisseehitatud tööriistad on uskumatult kasulikud, kuid need on vaid üks osa palju suuremast tootlikkuse pildist. Need teevad jäädvustamise ise, kuid neil puudub integreeritud töövoog, mida teised lahendused võivad pakkuda. Et tõeliselt suurendada oma brauseri efektiivsust, vaata meie juhendit parimate Chrome'i laienduste kohta tootlikkuse jaoks.

Professionaalne näpunäide: Kui tegeled dünaamiliste veebisaitidega, mis laadivad rohkem sisu, kui sa kerid (mõtle sotsiaalmeedia voogudele), kerin alati käsitsi lehe kõige alla enne ekraanipildi tegemist. See sunnib kõiki elemente laadima, et need tegelikult lõpppildis ilmuksid.

Neid jäädvustusi usaldusväärsus on kriitilise tähtsusega, eriti professionaalsetes keskkondades nagu QA testimine. See on hull, kuid mõnede kommertsekranipildi API-de ebaõnnestumise määrad ulatuvad 28% kuni hämmastava 75%, samas kui parimad klassid suudavad hoida selle umbes 6% juures. See suur erinevus rõhutab tõeliselt, miks on usaldusväärse, sisseehitatud meetodi omamine nii väärtuslik, eriti arendajatele, kes peavad jäädvustama keerulisi ühe lehe rakendusi, kus on palju JavaScripti renderdamist.

Kasutades brauseri laiendusi: süvitsi ShiftShift'i

Kuigi sisseehitatud brauseri tööriistad teevad oma töö ära põhijäädvustuse jaoks, võivad need tunduda natuke kohmakad ja aeglased, kui sa liigud kiiresti. Just siin paistab hea brauseri laiendus tõeliselt silma, andes sulle palju kiirema ja intuitiivsema viisi teha ekraanipilti kogu veebilehest. Ausalt öeldes, igaühele, kes peab seda regulaarselt tegema, on laiendused mängu muutjad.

Kui sa ei pea kaevama arendaja menüüdes, saad lihtsa ühe klõpsuga lahenduse. Paljud neist pakuvad isegi kasulikke funktsioone nagu redigeerimistööriistad, annotatsioonid või pilvesalvestus. Need laiendused on loodud reaalse maailma ülesannete jaoks, olgu sa turundaja, kes salvestab konkurendi maandumislehte, või disainer, kes otsib inspiratsiooni.

ShiftShift'i ekraanipildi töövoog

Valikute meres võtab ShiftShift'i laienduste ökosüsteem tõeliselt ainulaadse lähenemise. See ei ole lihtsalt veel üks ekraanipildi tööriist; see on funktsioon, mis on sisse ehitatud suuremasse tootlikkuse komplekti, millele pääseb juurde ühe, võimsa käsu liidese kaudu. See muudab täielikult seda, kuidas sa mõtled brauseri tööriistadele.

Kõik töötab läbi Käskude Paletti. Lihtsalt topeltklõpsa Shift klahvil ja see ilmub kohe. Kui eelistad klaviatuuri otseteid, töötab Cmd+Shift+P Macis või Ctrl+Shift+P Windows/Linuxis ka. Kui see on avatud, saad teha kõike, ilma et peaksid kunagi hiire poole ulatuma.

Oma esimese täissuuruses ekraanipildi jäädvustamine

Kogu protsess on loodud kiirusel. Kui Käskude Palette on aktiivne, alusta lihtsalt "screenshot" kirjutamist. Nutikas otsing toob kohe esile Täissuuruses Ekraanipildi tööriista. Ei mingit menüüdes jahtimist.

Sealt edasi näed kolme lihtsat valikut, igaüht erineva stsenaariumi jaoks:

• Nähtav ala: See haarab täpselt selle, mis praegu sinu ekraanil on, nagu tavaline ekraanipilt, kuid ilma kogu brauseri chrome'ita.
• Kohandatud valik: Täiuslik, et keskenduda konkreetsele diagrammile, pildile või tsitaadile. Lihtsalt kliki ja lohista, et joonistada kast ümber selle, mida vajad.
• Kogu leht: See on see, mida me otsime. Vali see ja tööriist kerib automaatselt lehte alla, jäädvustades kõik ja kokku pannes selle ühe täiusliku, sujuva pildina.

Pärast valiku tegemist on jäädvustus valmis mõne sekundi jooksul. Sa saad selle salvestada PNG või JPEG failina. Kogu voog—alates paleti kutsumisest kuni faili salvestamiseni—võib võtta vähem kui viis sekundit.

ShiftShift'i lähenemise tõeline maagia ei ole mitte ainult jäädvustus ise, vaid ka see, kui sujuvalt see sobitub teiste ülesannetega. See toob spetsialiseeritud tööriistad välja nende siloist ja paneb need ühte, nõudlikku töövoogu.

Selline integreerimine on tohutu ajasäästja. Kujuta ette, et oled disainer, kes koostab meeleolu tahvlit. Sa saad jäädvustada kogu lehe ekraanipildi saidilt ja seejärel, ilma Käskude Paletti lahkumata, kohe käivitada Pildi Konverteri tööriista, et muuta see WebP failiks parema jõudluse jaoks. Iseseisvad tööriistad ei suuda pakkuda sellist sujuvat kogemust.

Miks integreerimine ja privaatsus on olulised

Mis tõeliselt eristab ShiftShift'i lähenemist, on selle põhialused: privaatsus ja jõudlus. Maailmas, kus me kõik oleme rohkem teadlikud oma andmetest, on see suur asi.

• 100% Kohalik töötlemine: Iga tegevus, alates ekraanipildist kuni faili konverteerimiseni, toimub otse sinu brauseris. Mitte midagi ei saadeta kunagi kaugserverisse.
• Töötleb täielikult offline: Kuna kõik toimub kohapeal, saad kasutada ekraanipildi tööriista ja muid utiliite isegi siis, kui sinu internet katkeb.
• Privaatsusfookusega disain: Laiendus ei jälgi sinu tegevust ega kogu sinu isiklikku teavet. See, mida sa teed, jääb sinu masinasse.

See kohalik esmane disain tähendab, et sinu jäädvustused on mitte ainult kiired, vaid ka täiesti turvalised. Arendajatele või kõigile, kes töötavad tundlike andmetega—nagu sisemised ettevõtte lehed või avaldamata toote disainid—on see kriitiline. Sa saad kindlalt teha ekraanipilti kogu veebilehest, teades, et andmed ei lahku kunagi sinu arvutist. Kui otsid rohkem tööriistu, mis on loodud selle privaatsusfookusega mõtteviisi järgi, on meie nimekiri parimatest Chrome'i laiendustest arendajatele suurepärane koht alustamiseks.

Muidugi, lisaks sisseehitatud valikutele, on olemas palju muid suurepäraseid laiendusi. Õige sobivuse leidmiseks tasub uurida, mis on erinevate vajaduste jaoks parim Chrome'i ekraanipildi laiendus, kuna mõned on paremad annotatsioonide tegemiseks, samas kui teised on videote jaoks paremad.

Lõppkokkuvõttes on usaldusväärsete, ühendatud tööriistade komplekti omamine, millele saad klaviatuuri otseteed kasutades juurde pääseda, võimas alternatiiv tosinale ühekordse eesmärgiga laiendusele. See vähendab segadust ja muudab kogu sinu brauseri kogemuse sujuvamaks.

Kui täislehe ekraanipildid lähevad valesti

Isegi kõige usaldusväärsemad tööriistad võivad sattuda raskustesse, kui proovite jäädvustada kogu veebilehte. Kaasaegsed saidid on keerulised ja asjad võivad minna segaseks. Teete jäädvustamise ja tulemus on... mitte see, mida soovisite. Võib-olla kordub päis lehe allosas, pildid puuduvad või jäädvustus peatub lihtsalt poole pealt.

See on tavaline kogemus, kuid ärge muretsege – enamik neist tõrgetest on üllatavalt lihtsad parandada. Kuna globaalne veebikasutajate arv peaks ulatuma 68%-ni, kasvab vajadus puhaste ja täpsete visuaalsete rekordite järele analüüsi ja dokumentatsiooni jaoks. Saate süveneda uusimatesse veebisaidi kaasatuse suundumustesse, et näha, kui palju digitaalset suhtlust toimub.

Vaatame üle mõned kõige sagedasemad peavalud, millega olen kokku puutunud, ja mis veelgi olulisem, kuidas neid lahendada.

Kleepuvate päiste ja jaluste käsitlemine

See on tõenäoliselt number üks probleem, millega inimesed silmitsi seisavad. Teate neid navigeerimisriba või vestlusaknaid, mis jäävad ekraani üla- või alaossa kinni, kui kerite? Need on nn "kleepuvad" või "fikseeritud" elemendid.

Kui ekraanipildi tööriist jäädvustab lehte tükikaupa ja õmbleb selle kokku, võib see kogemata haarata selle kleepuva päise igas sektsioonis. Lõplik pilt sisaldab pettumust valmistavat korduvat päist, mis katab teie sisu.

Pro Nipp: Mõned nutikamad brauseri laiendused on loodud selle probleemiga tegelema. Näiteks tööriist nagu ShiftShift on sageli piisavalt nutikas, et tuvastada need fikseeritud elemendid ja õmmelda lõplik pilt õigesti kokku, vältides kordust täielikult.

Kui teie tööriist ei ole nii arenenud, on kiire käsitsi ümbersuunamine. Kasutage oma brauseri arendaja tööriistu, et ajutiselt peita element. Lihtsalt paremklõpsake kleepuval päisel, valige "Uuri", leidke selle kood ja lisage kiire stiilireegel nagu display: none;. Probleem lahendatud.

Miks mu pildid puuduvad?

Kas olete kunagi teinud ekraanipildi pikast artiklist, et leida tühjad valged kastid, kus kaunid pildid peaksid olema? See on peaaegu alati tingitud laiskade laadimistest. See on jõudluse trikk, kus veebisaidid ei laadi pilte enne, kui kerite need nähtavale.

Kui teie ekraanipildi tööriist kerib kiiremini, kui pildid saavad sisse hüpata, jääb see lihtsalt tühjade kohatäitjate jäädvustamiseks. Parandus on üllatavalt madaltehnoloogiline.

• Esiteks, tehke aeglane eelkerimine. Enne kui mõtlete jäädvustamise nupule vajutamisele, kerige käsitsi lehe põhja. Ärge kiirustage.
• Siis oodake sekund. Andke kõigile piltidele ja muule sisule hetk, et täielikult laadida.
• Nüüd käivitage ekraanipilt.

See väike manööverdus laadib kõik brauseri vahemällu, nii et kõik on olemas ja valmis, kui tööriist oma tööd teeb. Töötab nagu võlu peaaegu iga kord.

Lehtede jäädvustamine sisselogimise taga

Proovite jäädvustada ekraanipilti privaatsetest juhtpaneelidest või ainult liikmetele mõeldud lehtedest? Just siin ebaõnnestuvad paljud veebipõhised ekraanipildi teenused. Nad ei näe lehte, sest nad ei ole teie nimel sisse logitud.

Just sellepärast on brauseri laiendused siin parim lahendus. Laiendus nagu ShiftShift töötab otse teie brauseris, mis on juba autentitud. See näeb seda, mida teie näete. See tähendab, et see suudab vaevata jäädvustada sisu sisselogimise, ettevõtte tulemüüri või isegi kohaliku serveri taga, mida kasutate arendamiseks.

Ei ole vaja jagada mandaate ega keerulisi seadistusi. Lihtsalt navigeerige lehele ja klõpsake jäädvustamisel. See on turvaline, kohalikult orienteeritud lähenemine, mis lihtsalt töötab.

Kiire tõrkeotsingu juhend

Isegi parima ettevalmistuse korral võite sattuda takistusse. Olen koostanud selle kiire viidatud tabeli, et aidata teil kiiresti diagnoosida ja lahendada kõige levinumaid probleeme.

Levinud ekraanipildi probleemide lahendamine

Probleem	Põhjus	Lahendus
Korduvad päised/jalused	Kleepuvad või fikseeritud elemendid jäädvustatakse igas õmmeldud segmendis.	Kasutage nutikat laiendust, mis tegeleb nendega automaatselt, või kasutage brauseri DevTools'i, et ajutiselt peita element display: none; abil.
Puuduvad pildid või sisu	Leht kasutab laiskade laadimist ja sisu ei ole enne jäädvustamist laaditud.	Kerige käsitsi aeglaselt lehe põhja, et laadida kõik varad, oodake hetk ja seejärel käivitage ekraanipilt.
Jäädvustus ebaõnnestub poole pealt	Juhtub sageli lõputu kerimise lehtedega, mis laadivad pidevalt uut sisu.	Kerige alla käsitsi, et laadida soovitud sisu enne jäädvustamist. Tööriist näeb ainult seda, mis on juba laaditud.
Ebatasane jäädvustus	Tööriist on segaduses keeruliste CSS animatsioonide või dünaamiliste paigutustega.	Proovige oma brauseri akent suurendada või oodake, kuni lehe animatsioonid on lõpetatud, enne kui alustate jäädvustamist.
Ei pääse sisselogitud lehtedele	Veebipõhised ekraanipildi teenused ei saa teie sisselogimise mandaate edastada.	Kasutage brauseri laiendust. See töötab teie autentitud sessioonis ja näeb kõike, mida teie näete.

Peate seda tabelit oma esimeseks kaitseliiniks. Üheksa korda kümnest aitab üks neist lihtsatest kohandustest teil saavutada täiuslikku, puhta ekraanipildi, mille poole püüdlesite.

Kerivate ekraanipiltide tegemine oma telefonis

Olgem ausad – enamik meist sirvib veebis oma telefonides. Üle poole kogu veebiliiklusest toimub mobiilseadmetes, seega on oskus jäädvustada täislehe ekraanipilt oma seadmes oskus, mida kasutate pidevalt.

Õnneks ei pea te enam kolmandate osapoolte rakendusi otsima. Nii iOS kui ka Androidil on sujuvad, sisseehitatud funktsioonid, mis tegelevad sellega suurepäraselt. Olgu see siis pika artikli salvestamine lennureisi jaoks, veebitellimuse kinnituse arhiveerimine või lihtsalt konkurendi mobiilisaidi salvestamine, on üllatavalt lihtne saada puhas ja pidev pilt kogu veebilehest.

Täislehtede jäädvustamine iPhone'is

Kui olete iPhone'is, on Apple'il fantastiline täislehe jäädvustamise tööriist, mis on otse Safari sisse ehitatud. See on üks neist elegantsetest "see lihtsalt töötab" funktsioonidest. Ainuke probleem? See salvestab lõpliku väljundi PDF-failina, mitte tavalise pildifailina nagu PNG. Arhiveerimiseks või dokumentide jagamiseks on see sageli isegi parem.

Protsess algab nagu iga teine ekraanipilt, mida teeksite.

1. Esiteks avage veebileht, mille soovite salvestada Safari brauseris.
2. Vajutage oma iPhone'i mudeli tavalist ekraanipildi kombinatsiooni (see on tavaliselt külgenupp ja helitugevuse suurendamise nupp koos).
3. Paremalt alumises nurgas ilmub väike miniatuurvaade. Peate sellele kohe koputama, enne kui see kaob.

Kui olete eelvaatele koputanud, jõuate redigeerimise ekraanile. Vaadake ülevalt ja näete kahte valikut: "Ekraan" ja "Täisleht".

Koputage lihtsalt "Täisleht." Paremal kuvatakse kogu keritav lehe eelvaade. Saate isegi väikest liugurit lohistada, et kerida läbi kogu sisu ja veenduda, et see jäädvustas kõik, mida vajate.

Kui olete tulemusega rahul, koputage nurgas "Valmis" ja valige "Salvesta PDF Failidesse." Ja see ongi kõik. Teil on täiuslikult säilinud PDF saidist, valmis kasutamiseks. Leian, et see meetod on kivikindel tekstirikka sisu, nagu blogipostituste või uudiste artiklite jaoks.

Keriva ekraanipildi tegemine Androidis

Asjad on Androidi maailmas veidi killustatud, kuid hea uudis on see, et enamik kaasaegseid telefone Google'ilt, Samsungilt, OnePlusilt ja teistelt on selle jaoks sisseehitatud funktsioon. Seda võidakse nimetada "Keriv ekraanipilt", "Kerimisjäädvustus" või midagi sarnast, kuid idee on sama.

Alustate ekraanipildi tegemisega tavapärasel viisil.

• Vajutage samaaegselt Toite- ja Helitugevuse vähendamise nuppe.
• Ilmub eelvaade, kuid näete ka väikest tööriistariba all. Otsige ikooni, millel on allapoole suunatud nooled, mis on sageli märgistatud "Jätka jäädvustamist" või "Kerida."

Sellele nupule koputamine paneb ekraani automaatselt alla kerima ja lisab uue sektsiooni teie ekraanipildile. Jätkate nupule koputamist, kuni olete kõik soovitud jäädvustanud. Telefon õmbleb kõik nutikalt kokku üheks pikaks pildiks, kui te edasi kerite.

Kui olete lehe põhja jõudnud või jäädvustanud vajaliku sektsiooni, koputage lihtsalt ekraanil ükskõik kuhu, et protsess peatada. Lõplik, pikendatud ekraanipilt salvestatakse otse teie fotogalerii kui üheks pildiks (tavaliselt PNG või JPG), mis on ideaalne, kui vajate visuaalset rekordit.

See töötab nagu võlu enamikul saitidel. Siiski olen näinud, et see takerdub lehtedele, millel on tõeliselt keerulised paigutused või elemendid, mis laadivad, kui kerite (laisk laadimine). Kui saate ekraanipildi, millel puuduvad pildid või vale joondus, siis siin on pro nipp: kerige lehe põhja ise enne ekraanipildi jäädvustamise protsessi alustamist. See sunnib kogu sisu laadima, andes jäädvustustööriistale täieliku lehe, millega töötada.

Õige ekraanipildi meetodi valimine oma ülesande jaoks

Teades, kuidas jäädvustada kogu veebilehte, on suurepärane algus, kuid tõeline oskus seisneb õige tööriista valimises. Just see eristab kohmakat töövoogu tõhusast. Ühtegi parimat meetodit ei ole – on ainult õige tööriist selle jaoks, mida peate praegu tegema.

Kujutage seda ette nagu mehaaniku tööriistakasti. Te ei kasutaks suurt mutrit väikese kruvi jaoks. Samamoodi on Chrome DevTools'i avamine lihtsalt retsepti salvestamiseks tõenäoliselt üleliigne. Teisest küljest ei pruugi lihtne brauseri laiendus anda teile täpsust, mida vajate kriitilise veateate jaoks.

Tööriista sobitamine kasutajaga

Vaatame, kuidas erinevad spetsialistid võivad sellele läheneda. Teie roll dikteerib sageli teie prioriteedid, olgu need siis kiirus, pikslitäpsus või lihtsalt mugavus.

• QA inseneri jaoks: Teie töö sõltub täpsusest. Chrome DevTools on teie peamine tööriist reageerivate disainiprobleemide kindlakstegemiseks ja visuaalsete vigade dokumenteerimiseks täieliku täpsusega. Kuid kasutajavoogude kiireks jäädvustamiseks või väikeste UI kummaliste omaduste märkimiseks on laiendus nagu ShiftShift palju kiirem ja hoiab teid tegevuses.
• Turundaja jaoks: Te arhiveerite pidevalt konkurentide reklaame, salvestate kauneid maandumislehti inspiratsiooniks ja dokumenteerite oma kampaaniaid. Kiirus ja organiseeritus on kõik. Usaldusväärne brauseri laiendus on teie parim sõber, võimaldades teil visuaale jäädvustada, salvestada ja sorteerida ilma vaeva nägemata.
• Tavalise kasutaja jaoks: Hoidke see lihtne. Firefoxi, Edge'i või oma telefoni sisseehitatud ekraanipilditööriistad on rohkem kui piisavad. Need on puhtad, lihtsad kasutada ja katab enamikku igapäevaseid vajadusi ilma täiendavate allalaadimiste või järsu õppimiskõverata.

Kui olete oma lauast eemal, on valik veelgi lihtsam, nagu see otsustuspuu mobiilsete ekraanipiltide jaoks näitab.

Nagu näete, pakuvad nii iOS kui ka Android teile sisseehitatud viisi täis keritava lehe jäädvustamiseks, kuigi täpsed sammud ja lõplik tulemus võivad veidi erineda.

Eesmärk on liikuda edasi mitte ainult teadmise kuidas poole, vaid hakata mõistma millal ja miks. See strateegiline lähenemine säästab aega ja tagab, et saate alati täiusliku tulemuse.

Lõppkokkuvõttes on mitmekülgse tööriista omamine hindamatu. Mõnikord ei piisa staatilisest pildist ja võite vajada midagi dünaamilisemat, nagu interaktiivsete samm-sammult juhendite loomine koolituse või tugidokumentide jaoks. Kui otsite võimsat tööriista, mis ühendab ekraanipildid redigeerimisfunktsioonidega ilma hinnasildita, võib hea tasuta Snagiti alternatiiv olla teie töövoo jaoks ideaalne lahendus.

Küsimusi? Meil on vastused

Olete meetodid selgeks saanud, kuid mõned keerulised olukorrad tekivad alati, kui proovite jäädvustada kogu veebilehte. Vaatame üle mõned kõige levinumad küsimused, mida kuulen.

Mis on parim formaat ekraanipildi salvestamiseks?

See sõltub tõeliselt sellest, milleks te ekraanipilti kasutate. Enamikul juhtudel, eriti tekstiga või teravate kasutajaliidese elementidega, on PNG teie parim valik. See on "kaotusteta" formaat, mis on uhke viis öelda, et see ei viska andmeid ära, et fail väiksemaks teha, seega saate iga kord täiusliku ja terava pildi.

Aga mis siis, kui peate selle ekraanipildi e-kirjaga saatma või üles laadima projektihaldustööriista, millel on failisuuruse piirangud? Siin tuleb JPEG kasuks. See vähendab faili oluliselt, kuid teeb seda, ohverdades veidi kvaliteeti. Üldiseks jagamiseks on see sageli täiesti sobiv, kuid detailse disainipala või veateate jaoks jääge PNG juurde.

Minu reegel: Kasutage PNG-d kvaliteedi ja täpsuse jaoks. Kasutage JPEG-d, kui väike, kergesti jagatav fail on olulisem kui pikslitäpsus.

Kas ma saan tõeliselt jäädvustada lehte, millel on lõputu kerimine?

Aah, klassikaline lõputu kerimise probleem. Mõelge oma Twitteri või LinkedIn'i voole. Enamik tööriistu suudab "näha" ja jäädvustada ainult seda, mis on lehel praegu laaditud, seega jäävad nad kinni.

Lahendus on üllatavalt madaltehnoloogiline. Peate ise kerima. Lihtsalt kerige lehte käsitsi, kuni kõik sisu, mida soovite jäädvustada, on nähtavale laaditud. Kui kõik on kohal, käivitage oma ekraanipildi tööriist, olgu see siis DevTools või laiendus. Nii on tööriistal täielik pilt, millega töötada.

Kas brauseri laiendused on tõeliselt ohutud kasutada?

See on nutikas küsimus. Olete õigel teel ettevaatlik, kuna laiendused vajavad sageli luba, et lugeda, mis teie ekraanil on. Trikk on jääda hästi tuntud laienduste juurde, mis on avatud selle osas, kuidas nad teie andmeid käsitlevad.

Parimad neist töötlevad kõike kohapeal, otse teie enda masinas. Näiteks laiendus nagu ShiftShift Extensions teeb kogu oma töö oma brauseris. See ei saada kunagi teie ekraanipilti välisele serverile, mis tähendab, et teie teave jääb täiesti privaatseks. Enne mis tahes laienduse installimist on alati hea mõte kiiresti kontrollida selle õigusi ja lugeda selle privaatsuspoliitikat.

---

Kui otsite tööriista, mis on kiire, privaatne ja võimas, siis tasub tutvuda ShiftShift Extensions ökosüsteemiga. See pakub teile täislehe ekraanipildi käsku ja hulgaliselt muid utiliite kõik ühes kohas. Lisainfot selle toimimise kohta leiate aadressilt https://shiftshift.app.