Kuidas teha täislehe ekraanipilti: kuidas teha täislehe ekraanipilti igas seadmes

Kui peate veebilehte jäädvustama, otsite tavaliselt kogu lugu, mitte ainult seda osa, mis mahub teie ekraanile. Täislehe ekraanipildi tegemine tähendab, et haarate kõik alates ülemisest bännerist kuni alumise jaluseni ühes puhtas kaadris. Hea uudis? Saate vahele jätta tüütud protsessid, kus peate tegema mitu kaadrit ja need kokku panema. Teie kaks parimat varianti on lihtne brauseri laiendus ühe klõpsuga jäädvustamiseks või teie brauseri enda arendaja tööriistad, et saada kohandatud lahendus.

Miks on täislehe ekraanipilt tänapäeva vajadus

Kas olete kunagi proovinud salvestada pikka artiklit või veebikviitungit, et lõpuks leida end segadusse ajav osade piltide pusle? See on tavaline frustratsioon. Te ei kaota mitte ainult lehe osi; te kaotate kogu pildi. Tavalised ekraanipildid ei suuda lihtsalt tänapäeva lõputult keritavaid veebisaite käsitleda, jättes täieliku konteksti tabamata.

Just sellepärast on täislehe ekraanipildi tegemise oskus muutunud nii eluliseks. See ei ole lihtsalt vahva trikk; see on praktiline tööriist disaineritele, turundajatele ja tõeliselt kõigile, kes peavad veebisisu täpselt dokumenteerima.

Üle nähtava akna

Tavaline ekraanipilt haarab ainult selle, mida te hetkel näete. Täislehe jäädvustus, seevastu, salvestab kogu lehe pikkuse ühes pidevas, kõrge kvaliteediga pildis. See on mängumuutja paljude igapäevaste ülesannete jaoks:

• Disaini ja UX ülevaated: Kujutage ette, et proovite kritiseerida tootelehe kasutajate voogu vaid mõne katkise pildi põhjal. Kogu teekonna jäädvustamine annab teie meeskonnale täieliku konteksti.
• Sisu arhiveerimine: Kas leidsid fantastilise pika artikli, mida soovid lugeda offline? Täislehe jäädvustus salvestab selle kõik hilisemaks.
• Dokumentatsioon: Täiuslik täieliku tehingu ajaloo või pika e-posti teema dokumenteerimiseks, ilma et kaotaks ühegi detaili.
• Veakontroll: Kui märkate visuaalset viga, aitab arendajatel probleemi kiiremini tuvastada, kui näitate neile kogu lehte.

See otsustuspuu aitab teil kiiresti välja selgitada parima meetodi, lähtudes teie vajadustest ja sellest, kui mugav te erinevate tööriistadega olete.

Nagu vooskeem näitab, kui kiirus ja lihtsus on teie peamised prioriteedid, on laiendus tõenäoliselt teie parim valik. Kui olete nõus tegema paar lisaklõpsu ja eelistate sisseehitatud lahendust, on brauseri tööriistad kindel valik.

See tehnika vajadus tõusis tõeliselt koos reageeriva disaini tõusuga. Kui veebilehed muutusid pikemaks ja dünaamilisemaks, avastasid QA meeskonnad, et kogu renderdatud lehe jäädvustamine on testimiseks kriitilise tähtsusega. Tegelikult, 2015 aastaks teatas paljusid, et see meetod vähendas visuaalse regressiooni vigu 30–40% võrreldes ühe vaateporti ekraanipiltidega. Miks? Sest see tabas neid keerulisi ekraanilt välja jäävaid elemente ja laiskade laadimiste sisu, mis muidu jääksid tähelepanuta. Saate süveneda nende veebitestimise leidudesse Research and Markets'is.

Kiire juhend täislehe ekraanipildi meetodite kohta

Et aidata teil kiiresti otsustada, jagab see tabel kõige levinumad meetodid, nende ideaalsed kasutusjuhtumid ja mis on vajalik.

Meetod	Parim	Tehnilised oskused	Nõuab installimist
Brauseri DevTools	Kiired, ühekordsed jäädvustused ilma midagi installimata.	Põhiline	Ei
Brauseri laiendused	Sagedane kasutamine, lisafunktsioonid nagu redigeerimine ja pilvesalvestus.	Ei mingeid	Jah
Mobiilse operatsioonisüsteemi funktsioonid	Sisu jäädvustamine telefonis või tahvelarvutis.	Ei mingeid	Ei
Kolmanda osapoole rakendused	Kohandatud funktsioonid, automatiseerimine ja meeskonna koostöö.	Erinev	Jah

Igaühel neist lähenemistest on oma koht. Õige valik sõltub tõeliselt sellest, kui sageli te jäädvustusi teete ja mida te plaanite nendega hiljem teha.

Kasutades sisseehitatud brauseri tööriistu puhaste jäädvustuste jaoks

Mõnikord on parim tööriist tööks see, mis teil juba on. Enne kui hakkate otsima teist laiendust, tasub teada, et brauserid nagu Google Chrome ja Microsoft Edge omavad võimsat sisseehitatud funktsiooni täislehe ekraanipiltide tegemiseks. See on arendajate ja teiste tehniliste inimeste seas populaarne, kuna see on täpne ja täiesti segadusvaba.

See sisseehitatud tööriist on peidetud Arendaja Tööriistade paneeli sisse. See võib tunduda veidi hirmutav, kuid protsess on üllatavalt lihtne. Ei allalaadimisi, ei registreerimisi ja ei mingeid lisasümboleid, mis teie tööriistariba ummistaks. Te saate lihtsalt täpse jäädvustuse kogu lehe kohta, just nagu brauser ise seda näeb.

Ekraanipildi käsu kasutamine

Esimene asi, mida teha, on avada Arendaja Tööriistad lehel, mida soovite jäädvustada. Selleks on paar kiiret viisi:

• Klaviatuuri otsetee: Kiireim tee on vajutada Cmd+Option+I Macis või Ctrl+Shift+I Windowsis.
• Paremklõpsamise menüü: Samuti saate lihtsalt parema hiireklõpsuga lehe peal valida menüüst "Uuri".

Kui DevTools paneel on avatud, on järgmine samm käsu käivitamine. Ära muretse, sa ei pea kirjutama mingit koodi. Ava lihtsalt käsu menüü, vajutades Cmd+Shift+P (Mac) või Ctrl+Shift+P (Windows).

Ekraani ülaosas ilmub otsinguriba. Alusta lihtsalt sõna "screenshot" kirjutamist ja näed kohe valikute loendit.

Pro Nõuanne: Näed mõningaid valikuid, kuid täieliku jäädvustamise jaoks jäta tähelepanuta "ala" või "node" valikud. Otsitav valik on Capture full size screenshot. See käsk ütleb brauserile, et ta koondaks kogu lehe üheks sujuvaks pildiks.

Vali see valik, vajuta Enter ja see ongi kõik. Brauser vajab hetke, et kogu lehte töödelda, ja seejärel laadib automaatselt ekraanipildi alla, tavaliselt PNG-failina, otse sinu allalaadimiste kausta. See on uskumatult puhas ja otsekohene meetod.

Muidugi, kuigi see sisseehitatud valik on fantastiline kiireks ja murevabaks jäädvustamiseks, on tal siiski oma piirangud. Kui vajad rohkem funktsioone, nagu kohene redigeerimine, annotatsioonid või pilve salvestamine, siis spetsiaalne tööriist nagu ShiftShift Full Page Screenshot extension võib tõeliselt kiirendada sinu töövoogu.

Spetsiifiliste mobiilivaadete jäädvustamine

Siin paistab DevTools meetod tõeliselt silma: jäädvustades täpselt, kuidas veebileht näeb välja konkreetsel mobiilseadmest. See on mängumuutja veebidisaineritele, arendajatele ja QA testijatele, kes peavad dokumenteerima reageerivaid disaine ilma oletamiseta.

Enne ekraanipildi käsu käivitamist pead lihtsalt lülituma Seadmerežiimi.

Oma DevTools paneeli avatud olles, otsi väikest ikooni, mis näeb välja nagu telefon ja tahvelarvuti (Vaheta seadme tööriistariba) ja kliki sellele. Sinu veebileht väheneb koheselt mobiilse suuruse vaatele.

Sealt saad kasutada vaate ülaosas olevat rippmenüüd, et valida konkreetne seade, nagu "iPhone 14 Pro" või "Pixel 7."

Kui oled saanud soovitud vaate, käivita lihtsalt Capture full size screenshot käsk täpselt nagu eelnevalt.

Tulemus on täiuslik, täispikk pilt sinu saidist, nagu see ilmub selle konkreetse seadme ekraanil. See on uskumatult täpne viis luua ekraanipilte veateadete, disainimudelite või kliendiesitluste jaoks, kõik ilma füüsilise seadme käes hoidmata.

Sisseehitatud brauseri tööriistad on hädavajalikud, kuid olgem ausad - need ei ole mõeldud intensiivseks töövooguks. Kui pead regulaarselt jäädvustama täispikkade ekraanipilte, ei tule miski lähedale hea brauseri laienduse kiiruselt ja mugavuselt. Need tööriistad paigutavad end otse sinu brauseri tööriistaribale, muutes kohmakast, mitmeastmelisest protsessist üheks rahuldavaks klikiks.

Mõtle reaalsele maailmale. Sa võid olla disainer, kes arhiveerib konkurentide veebisaite meeleolu tahvli jaoks, turundaja, kes salvestab pikki artikleid uurimiseks, või tugiteenuste agent, kes püüab dokumenteerida keerulist kasutaja probleemi algusest lõpuni. Nendes olukordades ei piisa arendaja tööriistadega pusimisest. Kiirus on see, mida vajad, ja laiendused pakuvad seda.

ShiftShift Extensions komplekt on ideaalne näide sellisest efektiivsusest. Selle Full Page Screenshot tööriist on peidetud ühte ühendatud käsu paletti, nii et see on alati valmis, kui seda vajad, kuid ei häiri kunagi sinu ekraani. See on ideaalne seadistus professionaalidele, kes nõuavad võimsaid tööriistu, ohverdamata puhta ja keskendunud tööruumi. Kui otsid oma töö sujuvamaks muutmist, saad uurida rohkem meie võimsatest brauseri laienduse tööriistadest.

Õige laienduse valimine oma vajaduste jaoks

Kiire otsing Chrome Web Store'is toob esile kümneid ekraanipildistamise tööriistu. Kuidas eristada häid suurepärasest? See sõltub tõeliselt mõnest peamisest tegurist.

• Jõudlus ja Kiirus: Kui kiiresti see tegelikult lehte jäädvustab? Mõned laiendused roomavad pikki, keerulisi lehti, samas kui teised on peaaegu kohesed.
• Redigeerimisfunktsioonid: Kas sellel on sisseehitatud redigeerija? Parimad tööriistad võimaldavad sul kärpida, lisada teksti, joonistada nooli või isegi udustada tundlikku teavet kohe pärast jäädvustamist.
• Ekspordi valikud: Kas saad seda salvestada PNG või JPG formaadis? Veelgi parem, kas saad selle eksportida otsitavaks PDF-iks? Paindlikkus on võtmetähtsusega.
• Privaatsuspoliitika: See on suur asi. Laiendus võib tehniliselt "näha" lehte, kus sa viibid, seega on selge, privaatsusele orienteeritud poliitika hädavajalik. Tööriistad, mis töötlevad kõik kohapeal sinu masinas, on alati kõige ohutum valik.

Õige tööriista leidmine sõltub sageli isiklikest eelistustest ja sinu spetsiifilistest vajadustest, kuid kasutajate arvustused ja hinnangud võivad palju rääkida.

On ka hea teada, mis toimub masina sees. Paljud laiendused kasutavad "kerimise ja õmblemise" tehnikat. Nad kerivad programmiliselt alla, teevad iga sektsiooni pildistamise ja seejärel panevad need kokku. Teised kasutavad brauseri sisseehitatud renderdamismootorit, et genereerida kohe üksainus, veatu pilt.

Jõudluse erinevus on üsna silmatorkav. Benchmarki aruanded näitavad, et sisseehitatud renderdamismeetodid on sageli palju kiirem, kulutades keskmiselt vaid 0.8–1.6 sekundit. Vastupidiselt sellele võib kerimise ja õmblemise lähenemine võtta 1.8–3.5 sekundit ja sellel on palju suurem tõenäosus ebaõnnestuda keeruliste paigutustega lehtedel.

Sa märkad seda tõeliselt lehtedel, kus on kleepuvad päised või animatsioonid. Kerimise ja õmblemise meetod võib kergesti segadusse minna, jättes sind kummaliste visuaalsete glitch'ide või dubleeritud elementidega sinu lõplikus ekraanipildis.

Praktiline juhend laienduse kasutamiseks

Alustamine laiendusega on uskumatult lihtne.

Kui olete oma brauseri veebipoest installinud sobiva laienduse, ilmub selle ikoon tavaliselt teie aadressiriba kõrvale.

Sealt edasi on protsess äärmiselt lihtne. Lihtsalt navigeerige lehele, mida soovite jäädvustada, ja klõpsake laienduse ikoonil. Enamik kvaliteetseid tööriistu pakub teile kohe mõningaid valikuid:

• Jäädvusta kogu leht: Peamine sündmus. See on ühe klõpsuga valik, mis haarab kõik.
• Jäädvusta nähtav ala: Kiire jäädvustus just sellest, mis praegu teie ekraanil on.
• Jäädvusta valitud ala: Lubab teil klõpsata ja lohistada, et määrata täpselt see piirkond, mida soovite.

Kui klõpsate Jäädvusta kogu leht, võtab laiendus üle, töötledes automaatselt kogu lehte. Mõne hetke pärast avaneb uus vahekaart teie valminud ekraanipildiga, mis on valmis redigeerimiseks. Saate kasutada sisseehitatud tööriistu märkmete lisamiseks või selle kärpimiseks enne, kui salvestate selle oma arvutisse PNG, JPG või PDF formaadis. See sujuv voog on just see, miks laiendused on minu tööriistade komplekti lahutamatu osa.

Kerimise ekraanipiltide valdamine mobiilseadmetes

Olgem ausad, me elame oma telefonides. Sisu jäädvustamine liikvel olles ei ole lihtsalt meeldiv lisand; see on hädavajalik. Teada, kuidas teha kerivat ekraanipilti oma telefonis, on tänapäeva supervõime, mis sobib ideaalselt pika tekstivestluse või detailsete veebiretseptide salvestamiseks.

Õnneks ei vaja te selleks enam kolmanda osapoole rakendust. Protsess on iOS-i ja Androidi vahel veidi erinev, kuid mõlemal on mõned üllatavalt võimsad sisseehitatud tööriistad, mis teevad töö ära.

Täispikkade Lehtede Salvestamine iPhone'il

Apple'il on iOS'is sisse ehitatud stiilne täispikkade ekraanipiltide funktsioon, kuid see tõeliselt särab, kui kasutate Safari't. See on natuke peidetud kalliskivi, kui te ei tea, kust otsida.

Esimene samm on teha ekraanipilt nagu alati:

• Face ID-ga iPhone'ide jaoks: Vajutage samal ajal külg nuppu ja helitugevuse suurendamise nuppu.
• Alumise nupuga iPhone'ide jaoks: Vajutage koos külg nuppu ja avale nuppu.

Vasakus alumises nurgas ilmub väike pisipilt. Peate olema kiire ja puudutama seda enne, kui see kaob. Kui olete redigeerijas, vaadake ekraani ülaossa. Näete kahte vahekaarti: Ekraan ja Täispikk.

Puudutage Täispikk. Paremal ilmub liugur, mis võimaldab teil eelvaadata kogu veebilehte, mille just salvestasite.

Siin on konks: iOS-i sisseehitatud funktsioon salvestab need täispikad salvestised PDF formaadis, mitte standardse pildifailina nagu PNG või JPG. See on fantastiline artiklite või dokumentide salvestamiseks, kuid tasub meeles pidada, kui lootsite pildi peale.

Kerimise Ekraanipildi Võtmine Androidil

Androidi ökosüsteem on erinevate tootjate tõttu natuke metsik lääs, kuid põhifunktsioon on enamikul kaasaegsetel telefonidel Google'ilt, Samsungilt ja OnePluselt üsna järjepidev. Te näete seda tavaliselt nimetatuna Kerimisvõtmiseks või Kerimise Ekraanipildiks.

Alustage tavalise ekraanipildi tegemisega, mis toimub peaaegu alati, kui vajutate samal ajal Toite ja helitugevuse vähendamise nuppe.

Niipea, kui te seda teete, ilmub ekraani alaossa väike tööriistariba. Otsige ikooni, millel on allapoole suunatud nooled - see võib olla märgitud kui "Salvesta rohkem" või lihtsalt näidata kerimis sümbolit. Puudutage seda. Teie telefon kerib automaatselt alla ja õmbleb järgmise osa teie ekraanipildile.

Saate seda nuppu pidevalt puudutada, et jätkata lehe edasise salvestamisega. Kui olete kõik vajalikud osad saanud, puudutage lihtsalt ekraanipildi eelvaadet või oodake, kuni tööriistariba kaob. Erinevalt iPhone'idest salvestavad Androidi telefonid tavaliselt need pikad salvestised ühe, kõrge pildifailina (nagu PNG), mis on palju lihtsam jagamiseks vestlustes või sotsiaalmeedias.

Miks See Mõnikord Ebaõnnestub

Kas olete kunagi proovinud teha kerimise ekraanipilti ja valik lihtsalt... ei ole seal? See juhtub. See on tavaliselt tingitud sellest, et rakendus, milles te viibite, omab kummalist, mitte-standardset paigutust või kohandatud kerimisviisi. Kui operatsioonisüsteem ei suuda tuvastada lihtsat, keritavat akent, ei paku see funktsiooni.

Kui te selle seina vastu põrkate, on ainus tõeline lahendus minna vanamoodsalt: tehke käsitsi rida kattuvaid ekraanipilte ja koondage need hiljem kokku, kui on vaja.

Kuidas Lahendada Tavalisi Ekraanipildi Probleeme

Olete teinud ekraanipildi, kuid kui avate faili, on midagi valesti. Võib-olla on osa lehelt puudu, seal on kummalisi visuaalseid vigu või fail on lihtsalt liiga suur, et seda e-kirjaga saata. Olen seal olnud. Salvestamine on üks asi; selle õigeks saamine on teine.

Vaadakem läbi mõned kõige levinumad tõrked ja kuidas neid parandada.

Õige Failivormingu Valimine: PNG vs. JPG

Esimene asi, millest rääkida, on failivormingud. Valik PNG ja JPG (või JPEG) vahel ei ole lihtsalt tehniline detail - see mõjutab otseselt teie lõpppildi kvaliteeti ja suurust.

• PNG (Portable Network Graphics): Mõelge sellele kui teie kõrge kvaliteediga valikule. PNG kasutab kaotusteta tihendust, mis tähendab, et see hoiab iga üksiku pikslit täiuslikult puutumatuna. See on parim valik veebilehtede, kasutajaliideste või kõigi asjade jaoks, kus on terav tekst ja puhtad jooned. Siin ei saa te mingit hägusust.
• JPG (Joint Photographic Experts Group): See on teie valik, kui failisuurus on peamine prioriteet. JPG kasutab kaotusega tihendust, mis nutikalt loobub osadest pildist, et faili suurust vähendada. See on suurepärane fotode jaoks, kuid see võib teha teksti ja teravaid servi ekraanipildil veidi uduste nägemise.

Mõnikord salvestate täiusliku PNG, kuid mõistate hiljem, et vajate esitluseks või blogipostituseks väiksemat faili. Pole probleemi. Saate lihtsalt konverteerida PNG JPG-ks, et faili suurust vähendada ilma, et peaksite pilti uuesti tegema.

Katkiste või Puudulike Salvestiste Parandamine

See on üks kõige frustratiivsemaid asju: teete täispikka ekraanipilti, ainult et lehe alumine pool on lihtsalt tühi valge tühjus.

See kehtib peaaegu alati selle kohta, kuidas kaasaegsed veebilehed on üles ehitatud. Paljud kasutavad tehnoloogiat, mida nimetatakse laiskade laadimiseks, kus pildid ja muu sisu ei laadi tegelikult enne, kui kerite need nähtavale. See on suurepärane jõudluse jaoks, kuid see võib petta ekraanipildi tööriistu, mis liiguvad kiiremini kui sisu ilmub.

Parandus on üllatavalt lihtne. Enne, kui vajutate salvestamise nuppu, kerige lihtsalt lehe allossa ise. Võtke oma aega. See sunnib iga laiskade laadimise elementi ilmuma, andes teie tööriistale täieliku, täielikult renderdatud lehe, millega töötada.

See väike eelkerimise trikk on ka saladus lehtede salvestamiseks, millel on lõpmatu kerimine, tagades, et saate kõik vajalikud osad.

Kleepuvate Peade ja Jaluste Kohtlemine

Teate neid navigeerimisriba, mis jäävad teie ekraani üla- või alaossa kinni, kui kerite?

Nende nimeks on "kleepuvad" elemendid ja need võivad põhjustada kaost ekraanipiltide tööriistadele, mis töötavad kerimise ja piltide "õmblemise" põhimõttel.

Kui olete kunagi näinud lõplikku ekraanipilti, kus sama päis kordub pidevalt lehe allosas, on see põhjus. Tööriist segadusse sattudes jäädvustab selle igas segmendis.

Siin on teie tööriista valik tõeliselt oluline.

• Brauseri DevTools: Chrome'i või Edge'i sisseehitatud käsud on tavaliselt piisavalt nutikad, et sellega toime tulla. Need renderdavad kogu lehe korraga, seega näevad nad kleepuvat päist kui ühte elementi oma õigel kohal.
• Edasijõudnud laiendused: Parimad ekraanipildi laiendused on spetsiaalselt programmeeritud kleepuvate elementide tuvastamiseks ja nende õige käsitlemise tagamiseks, kas jäädvustades need vaid kord või eemaldades need täielikult puhta pildi jaoks.

Kui teie praegune tööriist jätkab korduvate päiste andmist, on parem minna üle keerukamale meetodile, nagu DevTools või spetsiaalselt selleks loodud laiendus, mis suudab kleepuvaid elemente käsitleda.

Siin on kiire viidete tabel, mille olen koostanud aastate jooksul nende täpsete probleemidega tegeledes. See katab kõige sagedasemad probleemid, millega inimesed silmitsi seisavad, ja kiireim viis nende lahendamiseks.

Levinud ekraanipildi probleemid ja lahendused

Probleem	Tõenäoline põhjus	Soovitatav lahendus
Puuduv sisu/tühi ruum	Laisk laadimine või lõpmatu kerimine ei laadinud kõiki elemente enne jäädvustamist.	Käsitsi kerige lehe kõige alumisse ossa enne ekraanipildi tegemist, et sundida kogu sisu laadima.
Korduvad päised/jalused	Kleepuvad elemendid lehel segavad ekraanipildi tööriistu, mis "õmblevad" pilte kokku.	Kasutage keerukamat jäädvustamismeetodit, nagu brauseri sisseehitatud DevTools või pühendatud laiendus, mis suudab kleepuvaid elemente käsitleda.
Udune tekst või hägused detailid	Ekraanipilt salvestati JPG formaadis kõrge kompressiooniga, mis halvendab kvaliteeti.	Salvestage ekraanipilt PNG formaadis maksimaalse selguse jaoks. Kui failisuurus on kriitiline, kasutage JPG-d, kuid kõrgema kvaliteedi seadistusega.
Äärmiselt suur failisuurus	Pikk leht salvestati kompressimata PNG formaadis, mis tõi kaasa tohutu faili.	Salvestage JPG formaadis või kasutage veebitööriista PNG kompressimiseks. Samuti saate konverteerida PNG JPG-ks väiksema faili jaoks.
Jäädvustamine ebaõnnestub keerukatel lehtedel	Leht sisaldab keerulisi interaktiivseid elemente, animatsioone või skripte, mis segavad tööriista.	Proovige DevTools kaudu JavaScript ajutiselt keelata või kasutage teist ekraanipildi laiendust, mis võib olla paremini ühilduv.

Loodetavasti annab see tabel teile selge tee järgmiseks korraks, kui teie ekraanipilt ei õnnestu. Natuke tõrgete lahendamise oskust võib säästa palju aega ja frustratsiooni.

Küsimusi? Meil on vastused

Isegi parimate tööriistadega käeulatuses võite kokku puutuda mõne keerulise olukorraga, kui jäädvustate täislehe ekraanipilte. Vaatame üle mõned kõige sagedasemad küsimused, mida ma kuulen, et saaksite iga kord täiusliku jäädvustuse.

Mis on parim formaat minu ekraanipildi salvestamiseks?

Üheksa korda kümnest on PNG teie parim valik. See kasutab nn kaotusteta kompressiooni, mis on lihtsalt uhke viis öelda, et teie pilt ei kaota mingit kvaliteeti. Iga tekstirida on terav ja iga disainielement näeb välja täpselt selline, nagu see ekraanil on. See on tingimusteta vajalik disainimudelite, veateatete või igasuguse professionaalse töö jaoks, kus detail on kuningas.

Nii et millal peaksite kasutama midagi muud? JPG on tõeliselt mõeldud ainult siis, kui failisuurus on teie absoluutne suurim mure ja te olete nõus natuke hägususega. Artiklite arhiveerimiseks või mitme jäädvustuse kogumiseks on PDF fantastiline valik, eriti kui tööriist, mida kasutate, hoiab teksti valitavana.

Kas ma saan tõepoolest jäädvustada lehte, mis nõuab sisselogimist?

Te kindlasti saate. Iga meetod, millest oleme rääkinud - alates DevToolsist kuni brauseri laiendusteni - töötab, jäädvustades seda, mis on teie ekraanil. Protsess toimub täielikult teie arvutis.

Kuna olete juba sisse logitud, on teie brauser renderdanud lehe kogu autentitud sisuga. Ekraanipildi tööriist teeb lihtsalt pilti sellest, mis juba seal on. See ei suhtle serveriga, seega ei kaasne sellega turvariske.

Põhiline asi, mida meeles pidada, on see: Kui näete seda oma brauseris, saab ekraanipildi tööriist selle jäädvustada. See teeb neist tööriistadest täiesti ohutud, et dokumenteerida selliseid asju nagu privaatsete kontode juhtpaneelid või sisemised ettevõtte portaalid.

Miks näevad mu ekraanipildid välja nagu nad oleksid katki või neil puuduvad pildid?

See on tõenäoliselt kõige levinum peavalu ja seda põhjustab peaaegu alati see, kuidas kaasaegsed veebisaidid on üles ehitatud. Mõned konkreetsed tehnikad on tuntud selle poolest, et nad segavad ekraanipildi tööriistu:

• Laise laadimine: See on siis, kui pildid ei laadi tegelikult enne, kui kerite need nähtavale.
  • Lehekülje kiirus: See on suurepärane lehe kiirus, kuid halb ekraanipiltide jaoks.
  • Parallax kerimine: Need ägedad efektid, kus taust liigub erineva kiirusel kui esiplaan, võivad jäädvustusvahendeid segadusse ajada.
  • Kleepuvad elemendid: Mõtle päistele, jalustele või külgpaneelidele, mis jäävad paigale, kui sa kerid. Mõnikord võivad need dubleeruda või katta sisu lõplikus pildis.

  Parandus on üllatavalt lihtne. Enne ekraanipildi tegemist võta hetk, et kerida lehe põhja ja seejärel tagasi üles. See sunnib brauserit laadima kõike, andes tööriistale täieliku, täielikult renderdatud lehe, millega töötada. See on väike samm, mis lahendab probleemi enamasti.

  ---

  Kui otsid tööriista, mis suudab neid keerulisi lehti ilma lisatööd tegemata hallata, siis ShiftShift Extensions komplekt on kindlasti vaatamist väärt. Selle ühe klõpsuga Täieliku Lehekülje Ekraanipiltide tööriist on loodud tänapäevaste veebidisaini eripäradega elegantselt toime tulema, kõik ühest ühtsest käsu paletist. See on tõsine uuendus võrreldes põhifunktsioonidega. Sa saad uurida ShiftShift ökosüsteemi, et näha, kuidas see su töövoogu lihtsustab.

  Artikkel loodud kasutades Outrank