Praktisks ceļvedis, kā uzņemt ekrānuzņēmumu no tīmekļa lapas

Zināšana, kā uzņemt ekrānuzņēmumu no tīmekļa lapas, ir daudz vairāk nekā vienkārši nospiest print screen taustiņu. Jums ir pieejami daži efektīvi paņēmieni: jūsu operētājsistēmas iebūvētie rīki ir lieliski ātriem redzamajiem attēliem, pārlūkprogrammas izstrādātāju rīki var uzņemt pilna lapas attēlus, un specializētas paplašinājumi piedāvā uzlabotas funkcijas. Iemācīties šīs tehnikas ir obligāti, lai nodrošinātu skaidru dokumentāciju un komunikāciju praktiski jebkurā digitālajā darba plūsmā.

Kāpēc apgūt tīmekļa uzņemšanu ir kritiska prasme

Profesionalā vidē pamata ekrānuzņēmums bieži vien nav pietiekams. Iedomājieties: jūs esat QA inženieris, kurš mēģina ziņot par kļūdu bezgalīgi ritinošā plūsmā. Vai varbūt jūs esat mārketinga speciālists, kurš cenšas saglabāt konkurenta visu nosēšanās lapu analīzei. Standarta uzņemšana tikai no tā, kas ir uz jūsu ekrāna, ir bezjēdzīga – tajā trūkst visa svarīgā konteksta. Tieši šeit zināšanas par dažādiem ekrānuzņēmumu veidiem kļūst par pilnīgu spēles mainītāju.

Nepieciešamība pēc labākiem rīkiem pieaug. Globālais tīmekļa ekrānuzņēmumu programmatūras tirgus, kura vērtība 2025. gadā ir ap 500 miljoniem dolāru, ir ceļā uz 1,2 miljardiem dolāru līdz 2033. gadam. Tas ir stabils 12% kompozītais gada pieauguma temps, kas liecina par to, cik svarīga ir augstas kvalitātes vizuālā dokumentācija. Jūs varat izlasīt vairāk par šo tirgus tendenci, lai redzētu, kur lietas virzās.

Pareizā uzņemšanas izvēle darbam

Ne visi ekrānuzņēmumi ir radīti vienādi. Metode, ko izvēlaties, pilnībā jābalsta uz to, ko jūs cenšaties sasniegt. Pareiza izvēle no paša sākuma ietaupa daudz laika un novērš atpakaļ un uz priekšu, kas nogalina produktivitāti. Tas ir milzīgs faktors kā uzlabot izstrādātāju produktivitāti.

Šeit ir ātrs pārskats par galvenajiem uzņemšanas veidiem, kurus jūs izmantosiet:

• Redzamās zonas uzņemšana: Tas ir jūsu izvēle ātram attēlam par to, ko jūs varat redzēt uz sava ekrāna šobrīd. Tas ir lieliski piemērots, lai dalītos ar konkrētu UI elementu vai fragmentu no raksta.
• Pilnas lapas uzņemšana: Šis paņēmiens uzņem visu no galvenes līdz kājenes, tostarp visu saturu, ko parasti būtu jāritina, lai redzētu. Tas ir būtiski detalizētiem kļūdu ziņojumiem, dizaina arhīviem un konkurences analīzei.
• Reģiona uzņemšana: Tas ļauj jums uzzīmēt kasti ap konkrētu, pielāgotu lapas daļu. Tas ir neticami noderīgi, lai izolētu vienu komponentu, piemēram, navigācijas joslu vai reģistrācijas formu, bez apkārtējā haosa.

Šo metožu apgūšana pārvērš vienkāršu ekrānuzņēmumu no statiska attēla par jaudīgu komunikācijas rīku. Tas nodrošina, ka, kad jūs dalāties ar vizuālo materiālu, jūsu komanda redz tieši to, ko viņi nepieciešams redzēt, bez minējumiem.

Izmantojot pārlūkprogrammas iebūvētās ekrānuzņēmumu rīkus

Jūs varētu būt pārsteigts, uzzinot, ka daži no labākajiem rīkiem tīmekļa lapas uzņemšanai jau slēpjas tieši jūsu pārlūkā. Iegremdēti izstrādātāju rīkos Chrome, Firefox un Edge ir iebūvēti ekrānuzņēmumu komandas, kas nodrošina pikseļu precizitāti – nav nepieciešami paplašinājumi. Izstrādātājiem un dizaineriem, kuriem nepieciešami tīri, augstas kvalitātes uzņemumi, šī bieži ir izvēlētā metode.

Vietā, lai meklētu citu programmatūru, jūs varat sākt ar vienkāršu taustiņu kombināciju. Lielākajā daļā sistēmu vienkārši nospiediet F12 vai Ctrl+Shift+I (Windows/Linux) / Cmd+Option+I (Mac), lai atvērtu izstrādātāju rīku paneli. Tas ir jūsu komandu centrs visai uzlaboto pārlūkprogrammas funkciju komplektam.

Komandu izvēlnes piekļuve

Kad jums ir atvērti izstrādātāju rīki, neuztraucieties par to, lai izrakstītu visus cilnes un izvēlnes. Ātrākais veids, kā atrast to, kas jums nepieciešams, ir izmantot komandu izvēlni, jaudīgu funkciju, par kuru daudzi cilvēki pat nezina, ka tā pastāv.

Lai to atvērtu, nospiediet Ctrl+Shift+P (Windows/Linux) vai Cmd+Shift+P (Mac). Parādīsies ērta meklēšanas josla, ļaujot jums tieši ierakstīt komandas. Šeit notiek īstā burvība.

Atšķirīgu skatu uzņemšana

Šīs metodes patiesā jauda slēpjas tās elastībā. Ierakstot dažus vārdus tajā meklēšanas joslā, jūs varat veikt vairākus dažādus ekrānuzņēmumus ar pilnīgu precizitāti.

Šeit ir tas, ko jūs varat darīt:

• Uzņemt pilna izmēra ekrānuzņēmumu: Tas ir tas, ko jūs vēlaties, lai iegūtu pilnīgu, no augšas uz leju ritinošu attēlu no visas lapas. Tas ir lieliski piemērots, lai saglabātu garus rakstus vai dokumentētu pilnu nosēšanās lapas dizainu vienā attēlā.
• Uzņemt mezgla ekrānuzņēmumu: Nepieciešams uzņemt tikai vienu konkrētu lapas daļu? Tas ir jūsu rīks. Vispirms izmantojiet 'Elementi' cilni izstrādātāju rīkos, lai noklikšķinātu un izvēlētos jebkuru HTML elementu – piemēram, galveni, attēlu galeriju vai vienu komentāru. Pēc tam izpildiet šo komandu, lai uzņemtu tikai to izceltu daļu.
• Uzņemt ekrānuzņēmumu: Šī komanda dara tieši to, ko tā izklausās. Tā uzņem vienkāršu ekrānuzņēmumu no tā, kas šobrīd ir redzams jūsu pārlūkprogrammas logā, līdzīgi kā jūsu operētājsistēmas iebūvētais rīks, bet viss tiek apstrādāts pārlūkā.

Šī iebūvētā pieeja ir spēles mainītājs tehniskajam darbam. Piemēram, jūs varat pāriet uz ierīces simulatoru, lai redzētu, kā lapa izskatās iPhone, un pēc tam izpildīt ekrānuzņēmuma komandu. Tas garantē, ka jūsu uzņemums pilnībā atspoguļo mobilo pieredzi, kas ir nenovērtējama, veicot responsīva dizaina pārbaudes un kļūdu ziņojumus.

Pārlūkprogrammas iebūvēto rīku izmantošana sniedz jums tīru, uzticamu veidu, kā uzņemt ekrānuzņēmumu no tīmekļa lapas, nepievienojot vairāk programmatūras jūsu datoram. Tas piedāvā līmeni kontroles, ko lielākā daļa pamata rīku vienkārši nevar nodrošināt, padarot to par būtisku prasmi ikvienam, kurš strādā tīmeklī.

Ja vēlaties dziļāk iepazīties ar dažādām uzņemšanas metodēm, varat arī izlasīt šo ceļvedi par to, kā uzņemt tīmekļa lapas ekrānuzņēmumu kā profesionālis. Šo komandu apgūšana palīdzēs jums radīt profesionālas kvalitātes uzņemumus jebkuram projektam, pie kura strādājat.

Uzņemot visu tīmekļa lapu

Dažreiz, uzņemot tikai to, ko jūs varat redzēt uz ekrāna, nav pietiekami. Lai patiešām saprastu pilnu ainu – vai nu jūs dokumentējat lietotāja ceļu, arhivējat konkurenta visu nosēšanās lapu vai atzīmējat kļūdu, kas stiepjas pa lapu – jums nepieciešams pilns ritinošs ekrānuzņēmums. Šī tehnika savieno visu kopā, sākot no navigācijas joslas augšā līdz kājenes apakšā, vienā visaptverošā attēlā.

Tomēr šo garo lapu uzņemšana ne vienmēr ir vienkārša. Mūsdienu tīmekļa vietnes ir pilnas ar sarežģītiem elementiem. Jums ir lipīgas galvenes, kas seko jums, kad ritināt, attēli, kas parādās tikai tad, kad jūs pie tiem nonākat (slinks ielāde), un cits dinamiskais saturs, kas var mainīt izkārtojumu uzņemšanas laikā. Pamata rīka izmantošana bieži noved pie nekārtīga, nepilnīga vai salauzta attēla, kas tikai pievieno vilšanos jūsu darba plūsmā.

Izprast pareizo rīku darbam ir puse no cīņas. Šis lēmumu koks var palīdzēt jums vizualizēt labāko pieeju, pamatojoties uz to, ko jums nepieciešams uzņemt.

Kā redzat, pirmais jautājums, ko uzdot, ir vai jums nepieciešama visa lapa vai tikai tās daļa. Atbildot uz šo vienkāršo jautājumu, jūs norādīsiet uz visefektīvāko metodi.

Kāpēc jūs nevarat iztikt bez pilna lapas uzņemšanas

Pilna lapas ekrānuzņēmumi ir vairāk nekā tikai garas bildes; tie ir neaizvietojami resursi daudzām dažādām darbībām.

• QA inženieri izmanto tos, lai parādītu izstrādātājiem precīzu kontekstu UI kļūdai, neatstājot vietu minējumiem.
• Mārketinga speciālisti uzņem visu pārdošanas caurulēm un konkurentu ziņojumu stratēģijām dziļai analīzei.
• Dizaineri arhivē savu dzīvo darbu portfeļiem, saglabājot gala produktu tieši tā, kā tas bija paredzēts redzēt.

Nepieciešamība pēc izturīgiem ekrānuzņēmumu rīkiem pieaug. Pilna ekrāna tīmekļa ekrānuzņēmumu programmatūras tirgus ir ceļā uz 1,363.2 miljoniem dolāru līdz 2025. gadam un tiek prognozēts, ka tas pieaugs ar iespaidīgu 15% CAGR līdz 2033. gadam. Šis pieaugums notiek, jo uzņēmumiem steidzami nepieciešami labāki veidi, kā risināt kvalitātes nodrošināšanu un vizuālo mārketingu, īpaši, ja ņemat vērā, ka Google ir indeksējis apmēram 50 miljardus tīmekļa lapu. Tas ir daudz satura, ko dokumentēt un analizēt. Jūs varat izpētīt specifiku, pārbaudot šos tirgus pētījumu rezultātus.

Tīmekļa lapas uzņemšanas metožu salīdzināšana

Tātad, jums ir nepieciešams uzņemt pilnu tīmekļa lapu. Kādas ir jūsu iespējas? Katram paņēmienam ir savi plusi un mīnusi, un labākā izvēle patiešām ir atkarīga no tā, ko jūs cenšaties darīt.

Šī tabula sadala visbiežāk sastopamās pieejas, sākot no iebūvētiem pārlūkprogrammas rīkiem līdz specializētiem paplašinājumiem, lai jūs varētu ātri redzēt, kurš no tiem atbilst jūsu vajadzībām.

Metode	Uzņemšanas veidi	Labākā izmantošanai	Ierobežojumi
Pārlūkprogrammas izstrādātāju rīki	Pilna lapa, mezgls, redzamais	Izstrādātājiem, kuriem nepieciešami precīzi, bez paplašinājumiem uzņemti attēli, neiznākot no pārlūkprogrammas.	Var šķist neērti ne-tehniskajiem lietotājiem un bieži vien apstājas uz lapām ar smagām animācijām vai dinamisku saturu.
OS izgriešanas rīki	Redzamais, reģions	Ātri, vienkārši uzņemumi no tā, kas šobrīd ir uz jūsu ekrāna.	Pilnīgi bezjēdzīgi, lai uzņemtu kaut ko, kas prasa ritināšanu; trūkst jebkādu tīmekļa specifisku funkciju.
Pārlūkprogrammas paplašinājumi	Pilna lapa, redzamais, reģions	Ātri, elastīgi uzņemumi ar bonusa funkcijām, piemēram, piezīmēm, vieglu koplietošanu un mākoņu glabāšanu.	Kvalitāte un privātums var būt neparedzami; daži paplašinājumi augšupielādē jūsu datus savos serveros.

Galu galā pareizā rīka izvēle nodrošina, ka jūsu ekrānuzņēmums ir tīrs, precīzs un pilnīgs.

Mana padoms? Labākā metode bieži vien ir atkarīga no paša tīmekļa vietnes sarežģītības. Vienkāršam emuāra ierakstam parasti ir pietiekami ar pārlūkprogrammas iebūvēto rīku. Bet dinamiskai e-komercijas vietnei, kas ir pilna ar interaktīviem elementiem, specializēts pārlūkprogrammas paplašinājums gandrīz vienmēr ir uzticamāka izvēle.

Neuztraucieties eksperimentēt gan ar iebūvētiem rīkiem, gan ar dažiem labi novērtētiem paplašinājumiem. Atrast to, kas vislabāk atbilst jūsu konkrētajai darba plūsmai, ietaupīs jums daudz galvassāpju, neatkarīgi no tā, vai dokumentējat kļūdas, arhivējat dizainus vai vienkārši sekojat līdzi konkurencei.

Uzņemšanas vienkāršošana ar pārlūkprogrammas paplašinājumiem

Kamēr iebūvētie pārlūkprogrammas rīki ir pārsteidzoši spējīgi, būsim godīgi – tie var šķist nedaudz lēni un neērtīgi ikdienas lietošanai. Kad jūsu darba plūsma ir atkarīga no ātruma un elastības, specializēts pārlūkprogrammas paplašinājums ir labākais risinājums. Paplašinājumi dzīvo tieši jūsu pārlūkā, pārvēršot daudzsološus procesus par vienu klikšķi, vienlaikus pievienojot funkcijas, kuras iebūvētie rīki vienkārši nepiedāvā.

Ikvienam, kam nepieciešams uzņemt ekrānuzņēmumu no tīmekļa lapas, neapstādot savu gaitu, integrēts risinājums, piemēram, ShiftShift Extensions, ir īsts spēles mainītājs. Tas ir izstrādāts cilvēkiem, kuri novērtē efektivitāti un privātumu, apvienojot vairākas uzņemšanas metodes vienā, zibens ātrā saskarnē.

Instant uzņemumi ar komandu paleti

ShiftShift ekosistēmas sirds ir tās Komandu palete. Vienkārši divreiz nospiediet Shift taustiņu, un tā parādīsies. Šis centrālais centrs nodrošina katru funkciju, tostarp ekrānuzņēmumus, jūsu pirkstu galos – nav nepieciešams pat pieskarties pele.

Vietā, lai meklētu ikonu savā rīkjoslā, jūs vienkārši atverat paleti un sākat rakstīt. Šī taustiņu pirmajā pieejā ir milzīgs laika ietaupījums, īpaši atkārtotās darbībās, piemēram, dokumentējot UI kļūdas vai iegūstot dizaina iedvesmu.

Šeit ir tas, kā tas padara lapas uzņemšanu gandrīz bez piepūles:

• Pilnas lapas uzņemšana: Ierakstiet screenshot page un nospiediet Enter. Paplašinājums pārņem kontroli, automātiski ritinot un šujot visu lapu vienā nevainojamā attēlā. Tas ir pat tik gudrs, ka spēj tikt galā ar sarežģītiem elementiem, piemēram, lipīgām galvenēm un saturu, kas slinki ielādējas, kad ritināt.
• Redzamās zonas uzņemšana: Izmantojiet komandu screenshot visible, lai nekavējoties uzņemtu visu, ko varat redzēt uz sava ekrāna. Tas ir mans iecienītākais, lai ātri nosūtītu attēlu kolēģim Slack vai iekļautu to e-pastā.
• Reģiona izvēle: Komanda screenshot select pārvērš jūsu kursoru par krusts, ļaujot jums noklikšķināt un vilkt virs precīzās zonas, kuru vēlaties. Tas ir lieliski piemērots, lai izolētu konkrētu komponentu – piemēram, reklāmas radošumu vai lietotāja komentāru – bez jebkāda traucējoša haosa.

Šī metode pilnībā maina to, kā jūs uzņemat ekrānuzņēmumu no tīmekļa lapas, izslēdzot visus papildu klikšķus un konteksta maiņas, kas palēnina jūsu darbu.

Viens no lielākajiem ieguvumiem šeit ir privātuma pirmais dizains. Visi attēlu apstrādes procesi notiek lokāli, tieši jūsu pārlūkā. Nekas nekad netiek augšupielādēts serverī, kas nozīmē, ka jūsu uzņemumi un dati par jūsu lapām paliek pilnīgi privāti un droši. Rīks pat darbojas pilnīgi bezsaistē.

Izvēloties formātu un pārvaldot failus

Pēc tam, kad esat uzņēmis ekrānuzņēmumu, jūs neesat piesaistīts vienam faila tipam. Paplašinājums nekavējoties piedāvā izvēli saglabāt jūsu uzņemumu kā PNG vai JPEG.

Šis ir svarīgāk, nekā izklausās. Šī elastība ļauj jums līdzsvarot attēla kvalitāti ar faila izmēru – pastāvīga vilkšana un raustīšana, kad dalāties ar vizuāliem materiāliem. PNG ir lieliski piemērots, lai saglabātu tekstu un UI elementus skaidrus un skaidrus, savukārt JPEG bieži ir labāks, lai saspiestu fotogrāfisko saturu.

Pēc uzņemšanas jūsu ekrānuzņēmums atveras jaunā cilnē, kur jūs varat ātri to saglabāt, kopēt uz starpliktuves vai vienkārši aizvērt cilni un mēģināt vēlreiz. Šī pašpietiekamā darba plūsma palīdz jums palikt fokusētam. Ja meklējat jaudīgu rīku bez lielas cenas, izpētot bezmaksas Snagit alternatīvu, piemēram, šo, var patiešām palielināt jūsu produktivitāti.

Padomājiet par izstrādātāja darba plūsmu uz mirkli. Viņi pamanīja vizuālo kļūdu, atver komandu paleti, lai uzņemtu konkrēto elementu, un pēc tam varbūt izmanto citu ShiftShift rīku, lai salīdzinātu salauzto CSS ar pareizo kodu – viss, neiznākot no pārlūkprogrammas cilnes. Tieši šāda cieša integrācija padara specializētu paplašinājumu par būtisku mūsdienu rīku komplekta daļu.

Uzlabotas tehnikas nevainojamiem ekrānuzņēmumiem

Jūs esat sagatavojis perfektu attēlu ziņojumam vai prezentācijai, bet sīkdatņu baneris vai tērzēšanas logrīks sabojā ekrānu. Mēs visi esam tur bijuši. Mūsdienu tīmekļa vietnes ir interaktīvas, kas ir lieliski lietotājiem, bet var būt īsta galvassāpe, kad jums nepieciešams tīrs, profesionāls izskats ekrānuzņēmums. Iegūt to perfektu attēlu bieži nozīmē veikt nedaudz sagatavošanās darba pirms nospiežat uzņemšanas pogu.

Par laimi, jums nav nepieciešama dārga rediģēšanas programmatūra, lai atbrīvotos no šiem traucējošajiem elementiem. Jūsu pārlūkprogrammas iebūvētie izstrādātāju rīki ir jūsu labākais draugs šeit. Vienkārši ar peles labo pogu noklikšķiniet uz elementa, kuru vēlaties noņemt – teiksim, uz kaitinošu uznirstošo modālu – un izvēlieties "Pārbaudīt". Pēc tam, kad parādās Elementu panelis, ar peles labo pogu noklikšķiniet uz izceltā HTML koda un izvēlieties "Dzēst elementu". Poof! Tas ir pazudis, dodot jums skaidru skatu nevainojamam, netraucētam ekrānuzņēmumam.

Dinamiska satura un autentificēta satura apstrāde

Uzņemot lapas ar dinamisku saturu vai tās, kas slēptas aiz pieteikšanās sienas, rodas pilnīgi citi izaicinājumi. Daudzi ekrānuzņēmumu rīki vienkārši nevar ar tiem pareizi tikt galā, bet ar pareizo pieeju jūs joprojām varat iegūt to, kas jums nepieciešams.

• Paralaksu ritināšana: Esmu redzējis, kā daudzi pilna lapas ekrānuzņēmumu rīki tiek pilnībā izsisti no līdzsvara paralaksu efektu dēļ, kad fons pārvietojas citā ātrumā nekā priekšplāns. Rezultāts parasti ir izkropļots, salikts haoss. Visuzticamākais risinājums ir uzņemt mazākas, redzamas daļas pa vienai.
• CSS animācijas: Nepieciešams parādīt animāciju darbībā? Statiskā ekrānuzņēmums nebūs pietiekams. Jūsu labākais risinājums ir izmantot operētājsistēmas ekrāna ierakstīšanas funkciju, lai uzņemtu īsu video vai pat GIF. Tas ir daudz efektīvāk, lai demonstrētu kustību.
• Saturu aiz pieteikšanās: Ja jums nepieciešams uzņemt lapu, kas prasa pieteikšanos, vienkārši pārliecinieties, ka esat pieteicies vietnē savā pašreizējā pārlūkprogrammas sesijā. Lielākā daļa paplašinājumu un izstrādātāju rīku uzņem lapu tieši tā, kā jūs to redzat, tāpēc tie respektēs jūsu autentificēto stāvokli.

Dažas sekundes sagatavošanās var ietaupīt jums minūtes garlaicīgas rediģēšanas vēlāk. Tērzēšanas logrīka iznīcināšana ar izstrādātāju konsoli aizņem piecas sekundes, savukārt mēģinājums to tīri izgriezt no pabeigta attēla var būt īsta sāpe.

Pareizā attēla formāta izvēle

Visbeidzot, nepalaidiet garām faila formātu. Tas nav tikai sīks tehnisks sīkums; izvēle starp PNG un JPEG tieši ietekmē jūsu gala attēla kvalitāti un faila izmēru.

Kā vispārējs noteikums, PNG ir labākais risinājums ekrānuzņēmumiem, kuros ir daudz UI elementu, teksta un asu līniju. Tā bezzaudējumu saspiešana saglabā visu izskatu skaidru un skaidru. Savukārt, ja lapa galvenokārt satur fotogrāfijas, JPEG ir labāka izvēle. Tā saspiešanas algoritms ir izstrādāts fotogrāfijām un var dramatiski samazināt faila izmēru, neietekmējot vizuālo kvalitāti. Lai iegūtu dziļāku izpratni, pārbaudiet mūsu ceļvedi par to, kā izvēlēties labāko attēla formātu tīmeklim.

Augstas kvalitātes ekrānuzņēmumi ir svarīgāki nekā jebkad agrāk, virzot visu no QA testēšanas līdz dizaina maketiem. Tas ir ātras kustības pasaulē – lietotāji veido iespaidu par tīmekļa vietni tikai 0,5 sekundēs, kas padara ātru vizuālo atgriezenisko saiti absolūti kritisku. Šī nepieciešamība ir pat atspoguļota izstrādātāju darba plūsmās, kur tīmekļa lapu ekrānuzņēmumu datu kopas tiek izmantotas analīzei un apmācībai.

Biežāk uzdotie jautājumi par tīmekļa lapu uzņemšanu

Pat visvienkāršākie rīki var saskarties ar dažām grūtībām, kad mēģināt uzņemt tīmekļa lapu. No sarežģītām bezgalīgām ritināšanas lapām līdz pareizā faila formāta izvēlei, šie ir jautājumi, kurus es dzirdu visbiežāk.

Saņemt tīru, pilnīgu ekrānuzņēmumu ne vienmēr ir tik vienkārši, kā tas izskatās, īpaši ņemot vērā, cik dinamiskas ir mūsdienu tīmekļa vietnes. Apskatīsim dažas no visbiežāk sastopamajām problēmām un to, kā tās atrisināt.

Kā uzņemt lapu ar bezgalīgu ritināšanu?

Ah, šī nepatīkamā bezgalīgā ritināšana. Tas ir klasiskā problēma, jo lapa ielādē jaunu saturu tikai tad, kad jūs ritināt uz leju. Ja mēģināsiet veikt standarta pilna lapas uzņemšanu, tā uzņems tikai to, kas šobrīd ir ielādēts, atstājot jūs ar nepilnīgu attēlu.

Vistiešākais veids, kā to risināt, ir ritināt pašam. Vienkārši turpiniet ritināt uz leju pa lapu, līdz redzat katru pēdējo saturu, kas jums nepieciešams. Kad viss ir ielādēts, jūs varat atvērt pārlūkprogrammas izstrādātāju rīkus un izmantot komandu "Uzņemt pilna izmēra ekrānuzņēmumu". Tas norāda pārlūkprogrammai uzņemt attēlu no visa, ko tā ir attēlojusi, no augšas līdz lejasdaļai.

Protams, tas ir daudz manuāla darba. Daudz vieglāks ceļš ir izmantot pārlūkprogrammas paplašinājumu, kas izstrādāts tieši šim scenārijam. Rīki, piemēram, ShiftShift Extensions, ir pietiekami gudri, lai tiktu galā ar dinamisku saturu, automātiski ritinot lapu jūsu vietā, nodrošinot, ka viss tiek ielādēts, pirms tas uzņem galīgo, pilnīgo ekrānuzņēmumu.

Kāds ir labākais formāts, lai saglabātu ekrānuzņēmumu?

Labākais formāts patiešām ir atkarīgs no tā, kas ir lapā, kuru jūs uzņemat. Tas ir klasiskā tirdzniecība starp attēla kvalitāti un faila izmēru, un zināšana, kuru izvēlēties, ir milzīga atšķirība.

Šeit ir mans ceļvedis:

• PNG (Portable Network Graphics): Es vienmēr izmantoju PNG lapām, kurās ir daudz teksta, lietotāja saskarnes elementu, logo vai jebkura cita ar asām, skaidrām līnijām. PNG izmanto bezzaudējumu saspiešanu, kas nozīmē, ka tie saglabā katru pikseli pilnīgi neskartu. Tas nodrošina, ka jūsu teksts un grafika izskatās neticami skaidri.

• JPEG (Joint Photographic Experts Group): Kad lapa galvenokārt satur fotogrāfijas vai ir sarežģīti gradienti, JPEG ir uzvarētājs. Tas izmanto zaudējošu saspiešanu, lai dramatiski samazinātu faila izmēru. Fotogrāfijām bagātām lapām, kurās jums nav nepieciešama pikseļu precizitāte, šī ir ideālā izvēle.

Mana vispārējā vadlīnija ir diezgan vienkārša: ja tas galvenokārt ir UI un teksts, izvēlieties PNG skaidrībai. Ja tas galvenokārt ir fotogrāfijas, izvēlieties JPEG tā mazāka faila izmēra dēļ. Šī mazā zināšana nodrošina, ka jūsu uzņemumi vienmēr izskatās profesionāli.

Vai es varu uzņemt konkrētu lapas daļu?

Noteikti, un godīgi sakot, tas bieži ir labākais ceļš. Uzņemot tikai konkrētu reģionu, ir lieliski piemērots, lai izveidotu fokusētu dokumentāciju vai dalītos ar vienu elementu bez visa apkārtējā haosa.

Visiem labajiem pārlūkprogrammas paplašinājumiem ir "Izvēlēties zonu" vai "Reģiona uzņemšana" funkcija. Tas parasti pārvērš jūsu kursoru par krusts, ļaujot jums noklikšķināt un vilkt ap kasti ap precīzo lapas daļu, kuru vēlaties saglabāt.

Tehniskākam darbam jūs pat varat izmantot pārlūkprogrammas izstrādātāju rīkus, lai izvēlētos konkrētu HTML elementu – ko izstrādātāji sauc par "mezglu" – un pēc tam uzņemt ekrānuzņēmumu tikai no šīs daļas. Tas ir neticami noderīgs triks dizaineriem un izstrādātājiem.

Vai ekrānuzņēmumu pārlūkprogrammas paplašinājumi ir droši?

Tas ir lielisks jautājums. Jebkuram paplašinājumam, ko jūs instalējat, tehniski ir kāda piekļuve jūsu pārlūkprogrammas saturam, tāpēc ir prātīgi būt uzmanīgiem. Atslēga ir izvēlēties rīku no izstrādātāja, kurš liek privātumu pirmajā vietā. Piemēram, ja jūsu darbs ietver tiešsaistes reklāmu dokumentēšanu, jūs varētu vēlēties uzzināt par reklāmu ekrānuzņēmumiem vai plēvēm un to, kā tos uzņemt digitālajām reklāmu kampaņām, lai saprastu konkrētās drošības vajadzības.

Manas lielākās sarkanas karogus ir jebkurš paplašinājums, kas automātiski augšupielādē jūsu uzņemumus uz ārēju serveri bez jūsu skaidras atļaujas. Patiesi drošs rīks veic visu apstrādi lokāli, tieši jūsu pārlūkā. ShiftShift Extensions, piemēram, tika izstrādāts ar privātuma pirmo domāšanu. Tas darbojas pilnīgi bezsaistē, kas garantē, ka jūsu dati un ekrānuzņēmumi paliek jūsu datorā un paliek pilnīgi privāti.

---

Gatavs pārtraukt rīku juggli un vienkāršot savu darba plūsmu? ShiftShift Extensions apvieno jaudīgu ekrānuzņēmumu utilītu un desmitiem citu funkciju vienā eleganti izstrādātā komandu paletē. Lejupielādējiet to no Chrome Web Store un redziet, ko esat palaidis garām.