Kā uzņemt ekrānuzņēmumu par visu tīmekļa lapu jebkurā ierīcē: Pilnīga rokasgrāmata

Mēs visi esam tur bijuši. Jūs nospiežat 'Print Screen', lai saglabātu tīmekļa lapu, bet viss, ko iegūstat, ir mazs fragments, kas redzams uz jūsu monitora. Kas par visu to svarīgo saturu, kas slēpjas zem lapas apakšas?

Uzzināt, kā uzņemt ekrānuzņēmumu par visu tīmekļa lapu, ir izšķiroši. Tas ļauj jums nofiksēt visu no galvenes līdz kājenes vienā tīrā, nepārtrauktā attēlā, pārvēršot fragmentētas daļas par pilnīgu vizuālo ierakstu.

Kāpēc jums nepieciešams vairāk nekā tikai Print Screen

Pārdomājiet pēdējo reizi, kad mēģinājāt saglabāt garu rakstu vai konkurenta mērķlapu. Jūs, iespējams, uzņēmāt ekrānuzņēmumu, ritinājāt, uzņēmāt vēl vienu un atkārtojāt procesu, līdz nonācāt lapas apakšā. Rezultāts? Nekārtīgs attēlu patchwork, ko jums nācās rūpīgi salikt kopā, ja vispār to darījāt.

Šī manuālā pieeja nav tikai galvassāpes; tā ir pilnīgi neefektīva jebkāda veida profesionālajam darbam. Ikvienam, kurš strādā ar tīmekļa vietnēm—izstrādātājiem, mārketinga speciālistiem, dizaineriem, jūs nosauciet—vienkāršs ekrānuzņēmums vienkārši nav pietiekams.

• QA testētājiem: Iedomājieties, ka atrodat vizuālu kļūdu dziļi lapas kājenē. Standarta ekrānuzņēmums nevar parādīt pilnu kontekstu. Pilnas lapas ekrānuzņēmums, no otras puses, dokumentē visu izkārtojumu, padarot jūsu kļūdu ziņojumus simtreiz skaidrākus.
• Web izstrādātājiem: Kad jūs rādāt jauno dizainu klientam, nosūtot vienotu, saliedētu attēlu par visu sākumlapu, tas izskatās daudz izsmalcinātāk nekā sērija nesavienotu failu. Tas ļauj viņiem vienlaikus pārskatīt visu lapas plūsmu.
• Mārketinga speciālistiem: Mēģinot arhivēt konkurenta pārdošanas cauruli vai detalizētu produkta lapu? Jums jānofiksē viss. Pilnas lapas ekrānuzņēmums saglabā visu lietotāja ceļojumu vienā failā, gatavā analīzei.

Mūsdienu tīmekļa izaicinājumu pārvarēšana

Šodienas tīmekļa vietnes ir tālu no statiskām. Tās ir piepildītas ar dinamiskajiem elementiem, kas apgrūtina pamata ekrānuzņēmumu metodes. Lipīgas galvenes, kas seko jums lejup pa lapu, var tikt atkārtotas jūsu saliktajos attēlos. Un kas par slinkajiem ielādētajiem saturiem, kas parādās tikai tad, kad jūs ritināt uz to? Tas var būt pilnīgi trūkstošs jūsu galīgajā attēlā, ja jūs neizmantojat pareizo rīku.

Uzņemt pilnu tīmekļa lapu nav tikai par ērtībām—tas ir par precīza, profesionāla un pilnīga vizuāla dokumenta izveidi. Jūs saglabājat lapas integritāti tieši tā, kā tā bija domāta redzēšanai.

Šī nav tikai nišas vajadzība. Pieprasījums pēc uzticamiem uzņemšanas rīkiem pieaug. Tīmekļa ekrānuzņēmumu programmatūras tirgus ir ceļā pārsniegt $1.2 miljardus līdz 2033. gadam, pieaugot par stabilu 12% katru gadu. Šis uzplaukums atspoguļo lielu pārmaiņu, kad profesionāļi pamet manuālās metodes automatizētiem rīkiem. Jūs varat izpētīt pilnu tirgus izaugsmes ziņojumu, lai iegūtu vairāk ieskatu.

Pirms ienirt "kā-to", ir noderīgi redzēt iespējas blakus. Katram metodam ir savas stiprās puses un tas ir piemērots dažādām situācijām.

Tīmekļa lapas uzņemšanas metodes īsumā

Metode	Labākā izmantošanai	Galvenais ierobežojums	Nepieciešamā tehniskā prasme
Pārlūkprogrammas izstrādātāja rīki	Izstrādātājiem, QA testētājiem un tehniskiem lietotājiem, kuriem nepieciešama ātra, iebūvēta uzņemšana bez instalēšanas.	Var būt biedējoši ne-tehniskiem lietotājiem un trūkst anotāciju vai rediģēšanas funkciju.	Vidējais
Iebūvētas pārlūkprogrammas funkcijas	Ikdienišķiem lietotājiem Firefox vai Edge, kuriem nepieciešama vienkārša, vienas klikšķa risinājums pamata uzņemšanai.	Nav pieejams visās pārlūkprogrammās (īpaši Chrome) un ir ļoti ierobežota pielāgojamība.	Sākuma līmenis
Pārlūkprogrammas paplašinājumi	Gandrīz visiem—no mārketinga līdz atbalsta komandām—kuriem nepieciešams uzticams, funkcijām bagāts rīks ar rediģēšanas un koplietošanas iespējām.	Prasa trešās puses paplašinājuma instalēšanu; funkciju kvalitāte var ļoti atšķirties.	Sākuma līmenis
Mobilā ierīce metodes	Mobilajām specifiskām izkārtojumiem vai lietotņu saturam tieši no viedtālruņa vai planšetdatora.	Var būt neērtas; kvalitāte var nebūt tik augsta kā galddatoru uzņemšanai.	Sākuma līmenis

Šī tabula sniedz jums ātru pārskatu, palīdzot izvēlēties pareizo ceļu, pirms mēs pārejam pie katras metodes soli pa solim instrukcijām.

Pareizā rīka atrašana darbam

Laba ziņa ir tā, ka jums nav jābūt kodēšanas ģēnijam, lai uzņemtu ekrānuzņēmumu par visu tīmekļa lapu. No iebūvētiem pārlūkprogrammas komandas līdz jaudīgiem paplašinājumiem, ir rīks, kas pilnībā atbilst jūsu vajadzībām. Šie risinājumi ir izstrādāti, lai risinātu mūsdienu izaicinājumus, piemēram, bezgalīgu ritināšanu un dinamisku saturu, nodrošinot, ka jūs katru reizi iegūstat pikseļu precīzu uzņemšanu.

Nākamajās sadaļās mēs iziesim cauri labākajām pieejamajām metodēm, lai jūs varētu atrast to, kas vislabāk iederas jūsu darba plūsmā.

Izmantojot pārlūkprogrammas slēptos ekrānuzņēmumu rīkus

Pirms jūs pat domājat par trešās puses rīka instalēšanu, apskatiet, ko jūsu pārlūkprogramma jau var darīt. Tas ir nedaudz noslēpums, bet tādas pārlūkprogrammas kā Chrome, Firefox un Edge ir jaudīgi, iebūvēti rīki, kas var uzņemt ekrānuzņēmumu par visu tīmekļa lapu bez papildu programmatūras.

Es uzskatu, ka izstrādātāji un QA profesionāļi bieži izmanto šīs iebūvētās metodes. Kāpēc? Tās ir uzticamas, jau instalētas un darbojas tieši vidē, ko viņi izmanto testēšanai un izstrādei. Šī pieeja veiksmīgi apiet privātuma bažas vai potenciālos konfliktus, kas dažreiz rodas ar pārlūkprogrammas paplašinājumiem.

Pilnas lapas ekrānuzņēmumu atbloķēšana Chrome izstrādātāja rīkos

Google Chrome tieši neizvieto "Saglabāt pilnu lapu" pogu priekšplānā. Tā vietā tā paslēpj neticami precīzu uzņemšanas rīku savos Izstrādātāja rīkos (DevTools). Tas ir mans iecienītākais, kad man nepieciešams pikseļu precīzs rezultāts, īpaši tehniskam darbam.

Nonākt pie tā ir diezgan vienkārši. Pirmkārt, jums būs jāatver DevTools. Jūs varat ar peles labo pogu noklikšķināt jebkurā lapas vietā un izvēlēties "Pārbaudīt", vai arī vienkārši izmantot taustiņu kombināciju:

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

Atverot DevTools paneli, jums būs jāizsauc Komandu izvēlne. Tas ir vēl viens ātrs taustiņu kombinācija: Ctrl + Shift + P (Windows/Linux) vai Cmd + Shift + P (Mac). Meklēšanas josla parādīsies uzreiz.

No turienes vienkārši sāciet rakstīt "ekrānuzņēmums". Jūs redzēsiet dažas iespējas, bet tā, ko jūs meklējat, ir "Uzņemt pilna izmēra ekrānuzņēmumu." Noklikšķiniet uz tās. Chrome parūpēsies par pārējo—ritinot un saliekot visu lapu kopā—pirms saglabāšanas kā PNG failu tieši jūsu lejupielāžu mapē. Viegli.

Mobilā ierīču simulācija, lai iegūtu atbildīgus ekrānuzņēmumus

Šeit DevTools metode patiešām izceļas: tās integrācija ar ierīces emulatoru. Šī funkcija ir izšķiroša ikvienam, kurš veic atbildīgā dizaina testēšanu, jo tā ļauj jums uzņemt tīmekļa lapu tieši tā, kā tā izskatītos konkrētā telefonā vai planšetdatorā.

Lai sāktu, atveriet DevTools un meklējiet "Pārslēgt ierīces rīkjoslu" ikonu; tā izskatās kā mazs planšetdators blakus telefonam. Noklikšķinot uz tā, tīmekļa lapa nekavējoties tiek pārveidota par simulētu mobilā ekrāna skatu. Jūs varat izmantot nolaižamo izvēlni, lai izvēlētos no desmitiem populāru ierīču, piemēram, iPhone 14 Pro vai Samsung Galaxy S20 Ultra.

Šis skats ir absolūti kritisks, lai pārbaudītu, vai izkārtojumi, fonti un attēli visi pareizi tiek attēloti uz mazākiem ekrāniem pirms jūs uzņemat ekrānuzņēmumu.

Kad jums ir mobilā skata iestatījumi, vienkārši atkārtojiet iepriekšējās darbības. Atveriet Komandu izvēlni (Ctrl/Cmd + Shift + P), ierakstiet "ekrānuzņēmums" un izvēlieties "Uzņemt pilna izmēra ekrānuzņēmumu." Jūs iegūsiet perfektu, vertikāli ritināmu mobilā ekrānuzņēmumu. Šī ir tieši tā darba plūsma, ko esmu redzējis, kā QA inženieri izmanto, lai pārbaudītu mobilā pirmā dizaina uz ilgas e-komercijas produkta lapas.

Iebūvēti ekrānuzņēmumu rīki Firefox un Edge

Kamēr Chrome liek jums nedaudz meklēt, Firefox un Edge ir padarījuši šo procesu daudz pieejamāku vidējam lietotājam, iebūvējot funkciju tieši galvenajā pārlūkprogrammas saskarnē.

• Firefox: Vienkārši ar peles labo pogu noklikšķiniet jebkurā lapas vietā un izvēlieties "Uzņemt ekrānuzņēmumu." Parādās pārklājums, dodot jums iespēju saglabāt to, ko redzat, vai saglabāt visu lapu. Tas ir vienkāršs, divu klikšķu process.
• Microsoft Edge: Jūs varat izmantot taustiņu kombināciju Ctrl + Shift + S vai noklikšķināt uz galvenā iestatījumu izvēlnes (...) un atrast "Tīmekļa uzņemšana." Tas arī dod jums iespējas uzņemt konkrētu apgabalu vai visu lapu.

Šie iebūvētie rīki ir neticami noderīgi, bet tie ir tikai viena daļa no daudz lielāka produktivitātes attēla. Tie precīzi veic pašu uzņemšanu, bet tiem trūkst integrētās darba plūsmas, ko var piedāvāt citi risinājumi. Lai patiešām uzlabotu jūsu pārlūkprogrammas efektivitāti, apskatiet mūsu ceļvedi par labākajiem Chrome paplašinājumiem produktivitātei.

Profesionāls padoms: Kad jūs strādājat ar dinamiskām tīmekļa vietnēm, kas ielādē vairāk satura, kad ritināt (domājiet par sociālo mediju plūsmām), es vienmēr manuāli ritinu līdz lapas pašai apakšai pirms uzņemu ekrānuzņēmumu. Tas piespiež visus elementus ielādēties, lai tie patiešām parādītos galīgajā attēlā.

Šo uzņemšanu uzticamība ir izšķiroša, īpaši profesionālās vidēs, piemēram, QA testēšanā. Tas ir savādi, bet dažām komerciālām ekrānuzņēmumu API ir kļūdu rādītāji, kas svārstās no 28% līdz neticamajiem 75%, kamēr labākie no labākajiem spēj to noturēt ap 6%. Šī milzīgā atšķirība patiešām uzsver, kāpēc ir tik vērtīgi, ka ir uzticama, iebūvēta metode, īpaši izstrādātājiem, kuriem nepieciešams uzņemt sarežģītas vienas lapas lietojumprogrammas ar daudz JavaScript renderēšanas.

Pārlūkprogrammas paplašinājumu izmantošana: dziļāka iepazīšanās ar ShiftShift

Kamēr iebūvētie pārlūkprogrammas rīki paveic darbu pamata uzņemšanai, tie var šķist nedaudz neērtas un lēnas, kad jūs strādājat ātri. Šeit patiešām izceļas labs pārlūkprogrammas paplašinājums, sniedzot jums daudz ātrāku un intuitīvāku veidu, kā uzņemt ekrānuzņēmumu par visu tīmekļa lapu. Patiesībā, ikvienam, kam tas ir jādara regulāri, paplašinājumi ir izšķiroši.

Vietā, lai meklētu izstrādātāja izvēlnēs, jūs iegūstat vienkāršu vienas klikšķa risinājumu. Daudzi pat piedāvā noderīgas funkcijas, piemēram, rediģēšanas rīkus, anotācijas vai mākoņu krātuvi. Šie paplašinājumi ir izstrādāti reālām situācijām, neatkarīgi no tā, vai esat mārketinga speciālists, kas saglabā konkurenta mērķlapu, vai dizainers, kas iegūst iedvesmu.

ShiftShift ekrānuzņēmumu darba plūsma

Starptautiskajā iespēju jūrā ShiftShift paplašinājumu ekosistēma pieņem patiešām unikālu pieeju. Tas nav tikai vēl viens ekrānuzņēmumu rīks; tas ir funkcija, kas iekļauta lielākā produktivitātes komplektā, kuru varat piekļūt caur vienu jaudīgu komandu saskarni. Tas pilnībā maina to, kā jūs domājat par pārlūkprogrammas rīkiem.

Viss notiek caur Komandu paleti. Vienkārši divreiz nospiediet Shift taustiņu, un tā parādās uzreiz. Ja dodat priekšroku taustiņu kombinācijām, Cmd+Shift+P Mac vai Ctrl+Shift+P Windows/Linux arī darbojas. Kad tā ir atvērta, jūs varat darīt visu, nekad nesniedzoties pēc peles.

Jūsu pirmā pilna lapas ekrānuzņēmuma uzņemšana

Visu procesu ir izstrādāts ātrumam. Kad Komandu palete ir aktīva, vienkārši sāciet rakstīt "ekrānuzņēmums". Gudrā meklēšana uzreiz parādīs Pilna lapas ekrānuzņēmuma rīku. Nav jāmeklē caur izvēlnēm.

No turienes jūs redzēsiet trīs vienkāršas iespējas, katra atšķirīgai situācijai:

• Redzamā zona: Tas uzņem tieši to, kas pašlaik ir uz jūsu ekrāna, līdzīgi kā standarta ekrānuzņēmums, bet bez visas pārlūkprogrammas chrome.
• Pielāgota atlase: Ideāli piemērots, lai koncentrētos uz konkrētu diagrammu, attēlu vai citātu. Vienkārši noklikšķiniet un velciet, lai uzzīmētu kasti ap to, kas jums nepieciešams.
• Visa lapa: Tas ir tas, ko mēs meklējam. Izvēlieties to, un rīks automātiski ritinās lejup pa lapu, uzņemot visu un saliekot to kopā vienā perfektā, bezšuvju attēlā.

Pēc tam, kad esat izvēlējies opciju, uzņemšana ir gatava dažu sekunžu laikā. Jūs varat to saglabāt kā PNG vai JPEG failu. Visa plūsma—no paletes izsaukšanas līdz faila saglabāšanai—var aizņemt mazāk nekā piecas sekundes.

Patiesā ShiftShift pieejas burvība nav tikai pati uzņemšana, bet gan tas, cik gludi tā iekļaujas citos uzdevumos. Tā izvelk specializētus rīkus no viņu silo un ievieto tos vienā, pieprasītā darba plūsmā.

Šāda veida integrācija ir milzīgs laika ietaupījums. Iedomājieties, ka esat dizainers, kurš veido noskaņas dēli. Jūs varat uzņemt pilna lapas ekrānuzņēmumu no vietnes, un tad, neiznākot no Komandu paletes, nekavējoties palaist Attēlu konvertētāju, lai pārvērstu to par WebP failu labākai veiktspējai. Patstāvīgi rīki vienkārši nevar piedāvāt šādu plūstošu pieredzi.

Kāpēc integrācija un privātums ir svarīgi

Kas patiešām izceļ ShiftShift pieeju, ir tās pamatprincipi: privātums un veiktspēja. Pasaulē, kurā mēs visi esam vairāk apzināti par saviem datiem, tas ir liels darījums.

• 100% vietējā apstrāde: Katrs solis, sākot no paša ekrānuzņēmuma līdz faila konvertēšanai, notiek tieši jūsu pārlūkprogrammā. Nekas nekad netiek nosūtīts uz attālo serveri.
• Darbojas pilnīgi bezsaistē: Tā kā viss notiek lokāli, jūs varat izmantot ekrānuzņēmumu rīku un citus rīkus pat tad, ja jūsu internets izslēdzas.
• Privātuma fokusēts pēc dizaina: Paplašinājums neseko jūsu aktivitātēm un neapkopo nekādu jūsu personisko informāciju. Tas, ko jūs darāt, paliek uz jūsu datora.

Šis vietējais dizains nozīmē, ka jūsu uzņemšanas ir ne tikai ātras, bet arī pilnīgi drošas. Izstrādātājiem vai ikvienam, kurš strādā ar sensitīvu informāciju—piemēram, iekšējām uzņēmuma lapām vai neizlaistiem produkta dizainiem—tas ir kritiski svarīgi. Jūs varat droši uzņemt ekrānuzņēmumu par visu tīmekļa lapu, zinot, ka dati nekad nepamet jūsu datoru. Ja jūs meklējat vairāk rīku, kas izstrādāti ar šo privātuma pirmo domāšanu, mūsu saraksts par labākajiem Chrome paplašinājumiem izstrādātājiem ir lieliska vieta, kur sākt.

Protams, papildus iebūvētajām iespējām ir daudz citu lielisku paplašinājumu. Lai atrastu pareizo risinājumu, ir vērts izpētīt, kas tiek uzskatīts par labāko Chrome ekrānuzņēmumu paplašinājumu dažādām vajadzībām, jo daži ir labāki anotācijām, bet citi izceļas video.

Galu galā, kamēr jums ir uzticamu, savienotu rīku komplekts, ko varat izsaukt ar taustiņu kombināciju, tas ir spēcīgs alternatīva, lai juggled desmitiem vienas mērķa paplašinājumu. Tas samazina haosu un padara jūsu visu pārlūkprogrammas pieredzi plūstošāku.

Kad pilna ekrāna ekrānuzņēmumi neizdodas

Pat visuzticamākie rīki var saskarties ar problēmām, mēģinot uzņemt ekrānuzņēmumu par visu tīmekļa lapu. Mūsdienu vietnes ir sarežģītas, un lietas var kļūt nekārtīgas. Jūs nospiežat uzņemšanas pogu, un rezultāts ir... ne tas, ko vēlējāties. Varbūt galvene atkārtojas lapas apakšā, attēli trūkst vai uzņemšana vienkārši apstājas pusceļā.

Tā ir izplatīta pieredze, bet neuztraucieties—lielākā daļa no šīm kļūdām ir pārsteidzoši viegli labojamas. Ņemot vērā, ka globālā tiešsaistes populācija tiek prognozēta, ka sasniegs 68%, nepieciešamība pēc tīriem, precīziem vizuālajiem ierakstiem analīzei un dokumentācijai tikai pieaug. Jūs varat iedziļināties jaunākajās tīmekļa iesaistes tendencēs, lai redzētu, cik daudz digitālās mijiedarbības notiek.

Ļaujiet mums iziet cauri dažām visbiežāk sastopamajām galvassāpēm, ar kurām esmu saskāries, un, kas ir vēl svarīgāk, kā tās labot.

Risinājumi lipīgām galvenēm un kājām

Šī, iespējams, ir visizplatītākā problēma, ar kuru cilvēki saskaras. Jūs zināt tās navigācijas joslas vai tērzēšanas logrīkus, kas paliek pielipināti pie ekrāna augšas vai apakšas, kad ritināt? Tos sauc par "lipīgajiem" vai "fiksētajiem" elementiem.

Kad ekrānuzņēmumu rīks uzņem lapu pa daļām un saliek to kopā, tas var nejauši noķert šo lipīgo galveni katrā segmentā. Gala attēls beidzas ar apnicīgu atkārtojošu galveni, kas aizsedz jūsu saturu.

Profesionāls padoms: Daži no gudrākajiem pārlūkprogrammu paplašinājumiem ir izstrādāti, lai ar to tiktu galā. Piemēram, rīks no ShiftShift bieži ir pietiekami gudrs, lai identificētu šos fiksētos elementus un pareizi saliktu gala attēlu, pilnībā izvairoties no atkārtošanās.

Ja jūsu rīks nav tik attīstīts, ir ātra manuāla apiet. Izmantojiet pārlūkprogrammas izstrādātāja rīkus, lai pagaidu slēptu elementu. Vienkārši ar peles labo pogu noklikšķiniet uz lipīgās galvenes, izvēlieties "Pārbaudīt", atrodiet tās kodu un pievienojiet ātru stila noteikumu, piemēram, display: none;. Problēma atrisināta.

Kāpēc trūkst manu attēlu?

Vai esat kādreiz uzņēmis ekrānuzņēmumu no garas raksta, tikai lai atrastu tukšas baltas kastes, kurām vajadzētu būt skaistiem attēliem? Tas gandrīz vienmēr ir saistīts ar slinku ielādi. Tas ir veiktspējas triks, kurā vietnes neielādē attēlus, līdz jūs tos ritināt skatā.

Ja jūsu ekrānuzņēmumu rīks ritina ātrāk, nekā attēli var parādīties, tas vienkārši noķer tukšos vietturus. Labojums ir pārsteidzoši zemas tehnoloģijas.

• Pirmkārt, veiciet lēnu iepriekšēju ritināšanu. Pirms pat domājat par uzņemšanas pogas nospiešanu, manuāli ritiniet līdz lapas apakšai. Nepasteidzieties.
• Tad vienkārši pagaidiet sekundi. Dodiet visiem attēliem un citiem saturiem brīdi, lai pilnībā ielādētos.
• Tagad aktivizējiet ekrānuzņēmumu.

Šī mazā manevrēšana ielādē visu pārlūkprogrammas kešatmiņā, tāpēc viss ir tur un gatavs, kad rīks veic savu darbu. Strādā kā burvība gandrīz katru reizi.

Lapām aiz pieteikšanās

Mēģināt noķert ekrānuzņēmumu no privāta informācijas paneļa vai lapas, kas pieejama tikai dalībniekiem? Šeit daudzas tīmekļa ekrānuzņēmumu pakalpojumu sniedzēji neizdodas. Viņi neredz lapu, jo, nu, viņi nav pieteikušies kā jūs.

Šī ir tieši iemesls, kāpēc pārlūkprogrammu paplašinājumi ir šeit labākais risinājums. Paplašinājums, piemēram, ShiftShift, darbojas tieši jūsu pārlūkā, kas jau ir autentificēts. Tas redz to, ko redzat jūs. Tas nozīmē, ka tas var viegli noķert saturu aiz pieteikšanās, korporatīvā ugunsmūra vai pat uz vietējā servera, ko izmantojat izstrādei.

Nav nepieciešams dalīties ar akreditācijas datiem un nav sarežģītu iestatījumu. Jūs vienkārši pārvietojaties uz lapu un noklikšķināt uz uzņemšanas. Tas ir drošs, vietējais risinājums, kas vienkārši darbojas.

Ātra problēmu novēršanas rokasgrāmata

Pat ar vislabāko sagatavošanos jūs varat saskarties ar problēmām. Esmu sagatavojis šo ātrās atsauces tabulu, lai palīdzētu jums diagnosticēt un atrisināt visbiežāk sastopamās problēmas uz vietas.

Visbiežāko ekrānuzņēmumu problēmu risināšana

Problēma	Cēlonis	Risinājums
Atkārtojošās galvenes/kājas	“Lipīgie” vai “fiksētie” elementi tiek noķerti katrā saliktajā segmentā.	Izmantojiet gudru paplašinājumu, kas to automātiski apstrādā, vai izmantojiet pārlūkprogrammas izstrādātāja rīkus, lai pagaidu slēptu elementu ar display: none;.
Trūkstoši attēli vai saturs	Lapa izmanto slinku ielādi, un saturs nav ielādēts pirms uzņemšanas.	Manuāli lēni ritiniet līdz lapas apakšai, lai ielādētu visus resursus, pagaidiet brīdi, tad uzsāciet ekrānuzņēmumu.
Uzņemšana neizdodas pusceļā	Bieži notiek ar bezgalīgas ritināšanas lapām, kas turpina ielādēt jaunu saturu.	Manuāli ritiniet uz leju, lai ielādētu vēlamo saturu pirms uzņemšanas. Rīks var redzēt tikai to, kas jau ir ielādēts.
Neprecīza uzņemšana	Rīks ir apjucis sarežģītu CSS animāciju vai dinamisku izkārtojumu dēļ.	Mēģiniet mainīt pārlūkprogrammas loga izmēru vai pagaidiet, līdz visas animācijas lapā beidzas, pirms uzsākat uzņemšanu.
Nevar piekļūt pieteikšanās lapām	Tīmekļa ekrānuzņēmumu pakalpojumi nevar iziet cauri jūsu pieteikšanās akreditācijas datiem.	Izmantojiet pārlūkprogrammas paplašinājumu. Tas darbojas jūsu autentificētajā sesijā un var redzēt visu, ko redzat jūs.

Domājiet par šo tabulu kā par savu pirmo aizsardzības līniju. Deviņas reizes no desmit viena no šīm vienkāršajām pielāgošanām sniegs jums perfektu, tīru ekrānuzņēmumu, uz kuru jūs mērķējāt.

Ritināšanas ekrānuzņēmumu uzņemšana jūsu telefonā

Esiet reāli—lielākā daļa no mums pārlūko tīmekli savos telefonos. Ar vairāk nekā pusi no visa tīmekļa trafika, kas notiek mobilajās ierīcēs, zināšana, kā uzņemt pilna ekrāna ekrānuzņēmumu savā ierīcē, ir prasme, ko jūs pastāvīgi izmantosiet.

Par laimi, jums vairs nav jāmeklē trešo pušu lietotnes. Gan iOS, gan Android ir elegantas, iebūvētas funkcijas, kas to apstrādā lieliski. Neatkarīgi no tā, vai jūs saglabājat garu rakstu lidojumam, arhivējat tiešsaistes pasūtījuma apstiprinājumu vai vienkārši saglabājat konkurenta mobilās vietnes ierakstu, ir pārsteidzoši vienkārši iegūt tīru, nepārtrauktu attēlu par visu tīmekļa lapu.

Pilnu lapu uzņemšana iPhone

Ja esat iPhone lietotājs, Apple ir fantastisks pilna lapas uzņemšanas rīks, kas iebūvēts tieši Safari. Tas ir viens no tiem elegantiem "tas vienkārši darbojas" funkcijām. Vienīgais mīnuss? Tas saglabā gala rezultātu kā PDF, nevis kā standarta attēla failu, piemēram, PNG. Arhivēšanai vai dokumentu koplietošanai tas bieži ir pat labāk.

Process sākas kā jebkurš cits ekrānuzņēmums, ko jūs uzņemtu.

1. Pirmkārt, atveriet tīmekļa lapu, kuru vēlaties saglabāt Safari.
2. Nospiediet parasto ekrānuzņēmuma kombināciju jūsu iPhone modelim (parasti tas ir puse un skaļuma palielināšanas poga kopā).
3. Maza sīktēla priekšskatījums parādīsies apakšējā kreisajā stūrī. Jums jānoklikšķina uz tā nekavējoties, pirms tas pazūd.

Kad jūs noklikšķināt uz priekšskatījuma, jūs nonāksiet rediģēšanas ekrānā. Apskatiet augšējo daļu, un jūs redzēsiet divas opcijas: "Ekrāns" un "Pilna lapa".

Vienkārši noklikšķiniet uz "Pilna lapa." Priekšskatījums par visu ritināmo lapu parādīsies labajā pusē. Jūs pat varat vilkt mazo slīdni, lai ritinātu cauri visam un pārliecinātos, ka tas ir noķēris visu, kas jums nepieciešams.

Kad esat apmierināts ar to, noklikšķiniet uz "Gatavs" stūrī un izvēlieties "Saglabāt PDF failos." Un tas ir viss. Jums ir perfekti saglabāts PDF par vietni, gatavs lietošanai. Es uzskatu, ka šī metode ir ļoti uzticama tekstu bagātam saturam, piemēram, emuāru ierakstiem vai ziņu rakstiem.

Ritināšanas ekrānuzņēmuma uzņemšana Android

Android pasaulē lietas ir nedaudz fragmentētas, bet labā ziņa ir tā, ka lielākajai daļai mūsdienu telefonu no Google, Samsung, OnePlus un citiem ir iebūvēta funkcija šim. To var saukt par "Ritināšanas ekrānuzņēmumu", "Ritināšanas uzņemšanu" vai kaut ko līdzīgu, bet ideja ir tāda pati.

Jūs sāksiet, uzņemot ekrānuzņēmumu parastajā veidā.

• Nospiediet jaudas un skaļuma samazināšanas pogas vienlaikus.
• Parādīsies priekšskatījums, bet jūs arī redzēsiet mazu rīku joslu apakšā. Pievērsiet uzmanību ikonai ar bultām, kas norāda uz leju, bieži apzīmētai kā "Uzņemt vairāk" vai "Ritināt."

Noklikšķinot uz šīs pogas, ekrāns automātiski ritinās uz leju un pievienos jauno sadaļu jūsu ekrānuzņēmumam. Jūs vienkārši turpināt nospiest pogu, līdz esat noķēris visu, ko vēlaties. Telefons gudri saliek to visu kopā vienā garā attēlā, kamēr jūs ritināt.

Kad esat sasniedzis lapas apakšu vai noķēris nepieciešamo sadaļu, vienkārši noklikšķiniet jebkur uz ekrāna, lai apturētu procesu. Gala, pagarinātais ekrānuzņēmums tiek saglabāts tieši jūsu fotoattēlu galerijā kā viens attēls (parasti PNG vai JPG), kas ir lieliski, kad jums nepieciešams vizuāls ieraksts.

Šī metode darbojas lieliski lielākajā daļā vietņu. Tomēr esmu redzējis, ka tā var apstāties lapās ar patiešām sarežģītu izkārtojumu vai elementiem, kas ielādējas, kad ritināt (slinka ielāde). Ja saņemat ekrānuzņēmumu ar trūkstošiem attēliem vai nepareizu izlīdzinājumu, šeit ir profesionāls padoms: ritiniet līdz lapas apakšai paši pirms uzsākat ekrānuzņēmuma procesu. Tas piespiež visu saturu ielādēties, dodot uzņemšanas rīkam pilnu lapu, ar kuru strādāt.

Pareizā ekrānuzņēmuma metodes izvēle jūsu uzdevumam

Zināšana, kā uzņemt ekrānuzņēmumu par visu tīmekļa lapu, ir lielisks sākums, bet patiesā prasme slēpjas pareizā rīka izvēlē darbam. Tas ir tas, kas atšķir neveiklu darba plūsmu no efektīvas. Nav vienas labākās metodes—tikai pareizais rīks tam, ko jums nepieciešams izdarīt šobrīd.

Domājiet par to kā mehāniķa rīku komplektu. Jūs neizmantotu milzīgu uzgriežņu atslēgu uz mazu skrūvi. Tāpat uzsākt Chrome DevTools tikai, lai saglabātu recepti, ir, iespējams, pārmērīgi. No otras puses, vienkāršs pārlūkprogrammas paplašinājums var nesniegt jums precizitāti, kas jums nepieciešama kritiskam kļūdu ziņojumam.

Rīka pielāgošana lietotājam

Ļaujiet mums aplūkot, kā dažādi profesionāļi varētu pieiet šai situācijai. Jūsu loma bieži nosaka jūsu prioritātes, vai tās būtu ātrums, pikseļu precizitāte vai vienkārši ērtības.

• QA inženierim: Jūsu darbs dzīvo un mirst ar precizitāti. Chrome DevTools ir jūsu izvēle, lai precīzi noteiktu responsīvā dizaina problēmas un dokumentētu vizuālās kļūdas ar pilnīgu precizitāti. Bet, lai ātri noķertu lietotāju plūsmas vai atzīmētu nelielas UI dīvainības, paplašinājums, piemēram, ShiftShift, ir daudz ātrāks un ļauj jums palikt fokusētam.
• Marketerim: Jūs pastāvīgi arhivējat konkurentu reklāmas, saglabājat skaistas nolaišanās lapas iedvesmai un dokumentējat savas kampaņas. Ātrums un organizācija ir viss. Uzticams pārlūkprogrammas paplašinājums ir jūsu labākais draugs, ļaujot jums noķert, saglabāt un sakārtot vizuālos materiālus, nesasprindzinot.
• Ikdienas lietotājam: Saglabājiet to vienkāršu. Iebūvētie ekrānuzņēmumu rīki Firefox, Edge vai jūsu telefonā ir vairāk nekā pietiekami. Tie ir tīri, viegli lietojami un apstrādā lielāko daļu ikdienas vajadzību bez papildu lejupielādēm vai stāvas mācīšanās līknes.

Kad esat prom no sava galda, izvēle ir vēl vienkāršāka, kā parāda šis lēmumu koks mobilajiem ekrānuzņēmumiem.

Kā redzat, gan iOS, gan Android sniedz jums iebūvētu veidu, kā uzņemt pilnu ritināmo lapu, lai gan precīzie soļi un gala rezultāts var nedaudz atšķirties.

Mērķis ir pārvietoties tālāk par vienkāršu zināšanu kā un sākt saprast kad un kāpēc. Šis stratēģiskais pieejas veids ietaupa laiku un nodrošina, ka jūs vienmēr iegūstat perfektu rezultātu.

Galu galā, kamēr jums ir daudzfunkcionāls rīks kabatā, tas ir nenovērtējams. Dažreiz statisks attēls nav pietiekams, un jums var būt nepieciešams kaut kas dinamiskāks, piemēram, interaktīvu soli pa solim rokasgrāmatu izveide apmācībai vai atbalsta dokumentiem. Ja meklējat jaudīgu rīku, kas apvieno ekrānuzņēmumus ar rediģēšanas funkcijām bez augstas cenas, labs bezmaksas Snagit alternatīva var būt ideāls risinājums jūsu darba plūsmai.

Jums ir jautājumi? Mums ir atbildes

Jūs esat apguvis metodes, bet dažas sarežģītas situācijas vienmēr rodas, mēģinot uzņemt ekrānuzņēmumu par visu tīmekļa lapu. Apskatīsim dažus no visbiežāk uzdotajiem jautājumiem, ko dzirdu.

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

Šis patiešām ir atkarīgs no tā, kādām vajadzībām jūs izmantojat ekrānuzņēmumu. Lielākajai daļai lietu, īpaši visam, kas saistīts ar tekstu vai asiem lietotāja interfeisa elementiem, PNG ir jūsu labākais variants. Tas ir "bezzaudējumu" formāts, kas ir izsmalcināts veids, kā teikt, ka tas neiznīcina datus, lai samazinātu faila izmēru, tāpēc jūs katru reizi iegūstat perfektu, skaidru attēlu.

Bet ko darīt, ja jums ir nepieciešams nosūtīt šo ekrānuzņēmumu pa e-pastu vai augšupielādēt to projektā ar faila izmēra ierobežojumiem? Šeit JPEG ir noderīgs. Tas ievērojami samazina faila izmēru, bet to dara, upurējot nedaudz kvalitātes. Vispārējai koplietošanai tas bieži ir pilnīgi pieņemams, bet detalizētai dizaina atsauksmei vai kļūdu ziņošanai, palieciet pie PNG.

Mana zelta likums: Izmantojiet PNG kvalitātei un precizitātei. Izmantojiet JPEG, kad mazs, viegli koplietojams fails ir svarīgāks par pikseļu precizitāti.

Vai es varu patiešām noķert lapu ar bezgalīgu ritināšanu?

Ah, klasiskā bezgalīgas ritināšanas problēma. Padomājiet par savu Twitter vai LinkedIn plūsmu. Lielākā daļa rīku var "redzēt" un noķert tikai to, kas pašlaik ir ielādēts lapā, tāpēc tie iestrēgst.

Risinājums ir pārsteidzoši zemas tehnoloģijas. Jums ir jāveic ritināšana pašam. Vienkārši manuāli ritiniet uz leju lapu, līdz viss saturs, ko vēlaties noķert, ir ielādējies skatā. Kad viss ir tur, tad aktivizējiet savu ekrānuzņēmumu rīku, vai tas būtu DevTools vai paplašinājums. Šādā veidā rīkam ir pilnīga aina, ar kuru strādāt.

Vai pārlūkprogrammu paplašinājumi ir droši lietošanai?

Tas ir gudrs jautājums. Jūs esat pareizi piesardzīgs, jo paplašinājumi bieži prasa atļauju lasīt to, kas ir uz jūsu ekrāna. Triks ir palikt pie labi novērtētiem paplašinājumiem, kas ir atklāti par to, kā tie apstrādā jūsu datus.

Labākie no tiem apstrādā visu lokāli, tieši uz jūsu paša mašīnas. Piemēram, paplašinājums, piemēram, ShiftShift Extensions, veic visu savu burvību jūsu pārlūkā. Tas nekad nesūta jūsu ekrānuzņēmumu uz ārēju serveri, kas nozīmē, ka jūsu informācija paliek pilnīgi privāta. Pirms jebkura paplašinājuma instalēšanas vienmēr ir laba ideja ātri pārbaudīt tā atļaujas un izlasīt tā privātuma politiku.

---

Ja meklējat rīku, kas ir ātrs, privāts un jaudīgs, ShiftShift Extensions ekosistēma ir vērta uzmanības. Tā piedāvā pilnas lapas ekrānuzņēmuma komandu un daudzus citus rīkus vienuviet. Jūs varat uzzināt vairāk par to, kā tas darbojas, apmeklējot https://shiftshift.app.