Atpakaļ uz emuāru

Kā uzņemt pilnas lapas ekrānuzņēmumu: kā uzņemt pilnas lapas ekrānuzņēmumu jebkurā ierīcē

Apgūstiet, kā uzņemt pilnas lapas ekrānuzņēmumu ar mūsu vieglo ceļvedi — izpētiet iebūvētās pārlūkprogrammas rīkus, paplašinājumus un mobilās metodes, lai iegūtu perfektus attēlus.

Kā uzņemt pilnas lapas ekrānuzņēmumu: kā uzņemt pilnas lapas ekrānuzņēmumu jebkurā ierīcē

Kad jums nepieciešams nofotografēt tīmekļa lapu, parasti jūs vēlaties iegūt visu stāstu, nevis tikai to daļu, kas ietilpst jūsu ekrānā. Pilna lapas ekrānuzņēmuma uzņemšana nozīmē visu no augšējā banera līdz apakšējai kājai nofotografēt vienā tīrā kadra. Labā ziņa? Jūs varat izlaist garlaicīgo procesu, uzņemot vairākus kadrus un tos apvienojot. Jūsu divi labākie varianti ir vienkārša pārlūkprogrammas paplašinājums vienkāršai uzņemšanai ar vienu klikšķi vai jūsu pārlūkprogrammas iebūvētie izstrādātāja rīki, lai iegūtu vietējo risinājumu.

Kāpēc pilna lapas ekrānuzņēmums ir mūsdienu nepieciešamība

Vai jūs kādreiz esat mēģinājis saglabāt garu rakstu vai tiešsaistes kvīti, tikai lai nonāktu pie mulsinoša puzles ar daļējām bildēm? Tas ir izplatīts vilšanās avots. Jūs ne tikai zaudējat lapas daļas; jūs zaudējat pilnīgu ainu. Standarta ekrānuzņēmumi vienkārši nespēj tikt galā ar mūsdienu bezgalīgi ritināmajām tīmekļa vietnēm, nespējot nofotografēt pilnu kontekstu.

Tāpēc tieši zināšana, kā uzņemt pilna lapas ekrānuzņēmumu, ir kļuvusi par tik svarīgu prasmju. Tas nav tikai foršs triks; tas ir praktisks rīks dizaineriem, mārketinga speciālistiem un pat ikvienam, kam nepieciešams precīzi dokumentēt tīmekļa saturu.

Pāri redzamajam logam

Parasts ekrānuzņēmums tikai noķer to, ko jūs redzat tajā brīdī. Savukārt pilna lapas uzņemšana saglabā visu lapas garumu vienā nepārtrauktā, augstas kvalitātes attēlā. Tas ir spēles mainītājs daudziem ikdienas uzdevumiem:

  • Dizaina un UX pārskati: Iedomājieties, ka mēģināt kritizēt produkta lapas lietotāja plūsmu ar tikai dažām atsevišķām bildēm. Pilna ceļojuma noķeršana sniedz jūsu komandai pilnu kontekstu.
  • Satura arhivēšana: Atradāt fantastisku garu rakstu, ko vēlaties lasīt bezsaistē? Pilna lapas uzņemšana saglabā to visu vēlākai lietošanai.
  • Reģistrēšana: Ideāli piemērots, lai dokumentētu pilnu darījumu vēsturi vai garu e-pasta pavedienu jūsu ierakstiem, nepalaidot garām nevienu detaļu.
  • Kļūdu ziņošana: Kad pamanāt vizuālu kļūdu, rādīt izstrādātājiem visu lapu palīdz viņiem ātrāk noteikt problēmu.

Šis lēmumu koks var palīdzēt jums ātri noskaidrot labāko metodi, pamatojoties uz to, kas jums nepieciešams un cik ērti jūtaties ar dažādiem rīkiem.

Plūsmu diagramma, kas detalizē lēmumu pieņemšanas procesu, lai izvēlētos starp dažādām metodēm, pamatojoties uz lietotāju vēlmēm.

Kā parāda plūsmu diagramma, ja ātrums un vienkāršība ir jūsu galvenās prioritātes, paplašinājums, iespējams, ir jūsu labākais variants. Ja jūs esat apmierināts ar dažiem papildu klikšķiem un dodat priekšroku iebūvētam risinājumam, pārlūkprogrammas rīki ir stabila izvēle.

Šīs tehnikas nepieciešamība patiešām pieauga ar responsīvā dizaina attīstību. Kad tīmekļa lapas kļuva garākas un dinamiskākas, QA komandas atklāja, ka pilnas renderētās lapas uzņemšana bija kritiska testēšanai. Patiesībā līdz 2015 gadam daudzas komandas ziņoja, ka šī metode samazināja vizuālo regresijas kļūdu skaitu par 30–40% salīdzinājumā ar vienas skata ekrānuzņēmumiem. Kāpēc? Tāpēc, ka tā noķēra tās sarežģītās ārpus ekrāna elementus un lēni ielādēto saturu, kas citādi tiktu palaists garām. Jūs varat padziļināti izpētīt šos tīmekļa testēšanas atklājumus vietnē Research and Markets.

Ātra rokasgrāmata pilna lapas ekrānuzņēmumu metodēm

Lai palīdzētu jums ātri izlemt, šajā tabulā ir izklāstītas visbiežāk izmantotās metodes, to ideālie pielietojumi un kas ir nepieciešams.

Metode Vislabāk piemērota Tehniskās prasmes Nepieciešama instalācija
Pārlūkprogrammas izstrādātāja rīki Ātras, vienreizējas uzņemšanas bez jebkādas instalācijas. Pamati
Pārlūkprogrammas paplašinājumi Bieža lietošana, papildu funkcijas, piemēram, rediģēšana un mākoņkrātuve. Nav nepieciešamas
Mobilās operētājsistēmas funkcijas Satura uzņemšana jūsu telefonā vai planšetdatorā. Nav nepieciešamas
Trešo pušu lietotnes Uzlabotas funkcijas, automatizācija un komandas sadarbība. Atšķiras

Katra no šīm pieejām ir savā vietā. Pareizā izvēle jums patiešām ir atkarīga no tā, cik bieži jūs veiksiet uzņemšanu un ko plānojat darīt ar tām pēc tam.

Izmantojot iebūvētus pārlūkprogrammas rīkus tīrām uzņemšanām

Dažreiz labākais rīks šim uzdevumam ir tas, kas jums jau ir. Pirms meklējat citu paplašinājumu, ir vērts zināt, ka tādas pārlūkprogrammas kā Google Chrome un Microsoft Edge piedāvā jaudīgu, iebūvētu funkciju pilna lapas ekrānuzņēmumu uzņemšanai. Tas ir iecienīts izstrādātāju un citu tehnoloģiju entuziastu vidū, jo tas ir precīzs un pilnīgi bez nekārtības.

Šis iebūvētais rīks ir paslēpts Izstrādātāja rīku panelī. Tas var izklausīties nedaudz biedējoši, taču process ir pārsteidzoši vienkāršs. Nav lejupielāžu, nav reģistrēšanās un nav papildu ikonu, kas noslogotu jūsu rīkjoslu. Jūs vienkārši iegūstat pikseļu precīzu visu lapas uzņemšanu, tieši tā, kā to redz pati pārlūkprogramma.

Piekļuve ekrānuzņēmuma komandai

Pirmkārt, jums jāatver Izstrādātāja rīki lapā, kuru vēlaties nofotografēt. Ir daži ātri veidi, kā to izdarīt:

  • Taustiņu kombinācija: Ātrākais ceļš ir nospiest Cmd+Option+I uz Mac vai Ctrl+Shift+I uz Windows.
  • Ar peles labo pogu: Jūs varat arī vienkārši ar peles labo pogu noklikšķināt jebkurā lapas vietā un izvēlēties "Pārbaudīt" no izkrītošā izvēlnes.

Atverot DevTools paneli, nākamais solis ir izpildīt komandu.

Neuztraucieties, jums nebūs jāraksta nekods. Vienkārši atveriet komandu izvēlni, nospiežot Cmd+Shift+P (Mac) vai Ctrl+Shift+P (Windows).

Meklēšanas josla parādīsies ekrāna augšdaļā. Vienkārši sāciet rakstīt "screenshot", un jūs nekavējoties redzēsiet pieejamo opciju sarakstu.

Profesionāls padoms: Jūs redzēsiet dažas izvēles, taču, lai iegūtu pilnīgu attēlu, ignorējiet "area" vai "node" opcijas. Jums nepieciešamā opcija ir Capture full size screenshot. Šī komanda norāda pārlūkprogrammai apvienot visu lapu vienā nepārtrauktā attēlā.

Izvēlieties šo opciju, nospiediet Enter, un tas ir viss. Pārlūkprogramma uz mirkli apstrādās visu lapu un pēc tam automātiski lejupielādēs ekrānuzņēmumu, parasti kā PNG failu, tieši jūsu lejupielāžu mapē. Tas ir neticami tīrs un tiešs veids.

Protams, kamēr šī iebūvētā opcija ir lieliska ātrai, bezrūpīgai uzņemšanai, tai ir savi ierobežojumi. Ja jums ir nepieciešamas vairāk funkciju, piemēram, tūlītēja rediģēšana, piezīmes vai mākoņu saglabāšana, veltīta rīka, piemēram, ShiftShift Full Page Screenshot extension, izmantošana var patiešām paātrināt jūsu darba plūsmu.

Specifisku mobilā skata uzņemšana

Šeit DevTools metode patiešām izceļas: precīzi uzņemot, kā tīmekļa lapa izskatās konkrētā mobilajā ierīcē. Tas ir lūzuma punkts tīmekļa dizaineriem, izstrādātājiem un QA testētājiem, kuriem nepieciešams dokumentēt responsīvos dizainus, neuzminot.

Pirms izpildāt ekrānuzņēmuma komandu, jums vienkārši jāizslēdz Device Mode.

Ar atvērtu DevTools paneli, meklējiet mazu ikonu, kas izskatās kā telefons un planšetdators (Toggle device toolbar), un nospiediet to. Jūsu tīmekļa lapa nekavējoties samazināsies līdz mobilā izmēra skatam.

No turienes jūs varat izmantot nolaižamo izvēlni ekrāna augšdaļā, lai izvēlētos konkrētu ierīci, piemēram, "iPhone 14 Pro" vai "Pixel 7."

Kad esat ieguvis vēlamo skatu, vienkārši izpildiet Capture full size screenshot komandu tieši tāpat kā iepriekš.

Rezultāts ir perfekts, pilna garuma attēls par jūsu vietni, kā tas izskatās konkrētā ierīces ekrānā. Tas ir neticami precīzs veids, kā izveidot attēlus kļūdu ziņojumiem, dizaina maketiem vai klientu prezentācijām, viss bez nepieciešamības turēt fizisko ierīci rokās.

Iebūvētie pārlūkprogrammas rīki ir noderīgi, kad nepieciešams, bet, būsim godīgi — tie nav paredzēti smagām darba plūsmām. Kad jums regulāri jāuzņem pilna lapas ekrānuzņēmumi, nekas nav tuvu labas pārlūkprogrammas paplašinājuma ātrumam un ērtībām. Šie rīki novieto sevi tieši jūsu pārlūkprogrammas rīkjoslā, pārvēršot apgrūtinošu, daudzsoļu procesu par vienu apmierinošu klikšķi.

Padomājiet par reālās pasaules scenārijiem. Jūs varētu būt dizainers, kurš arhivē konkurentu tīmekļa vietnes noskaņas dēļ, mārketinga speciālists, kurš saglabā garus rakstus pētījumiem, vai atbalsta aģents, kurš cenšas dokumentēt sarežģītu lietotāja problēmu no sākuma līdz beigām. Šajos gadījumos, cīnīšanās ar izstrādātāju rīkiem vienkārši nebūs pietiekama. Jums nepieciešama ātrums, un paplašinājumi to nodrošina.

ShiftShift Extensions komplekts ir lielisks šādas efektivitātes piemērs. Tās Full Page Screenshot rīks ir paslēpts vienotā komandu paletē, tāpēc tas vienmēr ir gatavs, kad jums tas nepieciešams, bet nekad nesabojā jūsu ekrānu. Tas ir ideāls iestatījums profesionāļiem, kuri pieprasa jaudīgus rīkus, neupurējot tīru, koncentrētu darba vietu. Ja jūs meklējat, kā optimizēt savu darbu, varat izpētīt vairāk mūsu jaudīgo pārlūkprogrammas paplašinājumu rīku.

Pareizā paplašinājuma izvēle jūsu vajadzībām

Ātra meklēšana Chrome Web Store atklās desmitiem ekrānuzņēmumu rīku. Tātad, kā atšķirt labos no lieliskajiem? Tas patiesībā ir atkarīgs no dažiem galvenajiem faktoriem.

  • Veiktspēja un ātrums: Cik ātri tas patiešām uzņem lapu? Dažas paplašinājumi lēnām pārvietojas pa garām, sarežģītām lapām, kamēr citi ir gandrīz tūlītēji.
  • Rediģēšanas funkcijas: Vai tam ir iebūvēts redaktors? Labākie rīki ļauj jums apgriezt, pievienot tekstu, zīmēt bultas vai pat izplūdināt sensitīvu informāciju tieši pēc tam, kad esat uzņēmis attēlu.
  • Eksporta iespējas: Vai jūs varat to saglabāt kā PNG vai JPG? Pat labāk, vai jūs varat to eksportēt kā meklējamu PDF? Elastība ir svarīga.
  • Privātuma politika: Tas ir svarīgs punkts. Paplašinājums tehniski var "redzēt" lapu, kurā jūs atrodaties, tāpēc skaidra, privātuma pirmajā vietā esoša politika ir nenovēršama. Rīki, kas veic visu apstrādi lokāli uz jūsu datora, vienmēr ir drošākais izvēle.

Pareizā rīka atrašana bieži ir atkarīga no personīgajām vēlmēm un jūsu specifiskajām vajadzībām, bet lietotāju atsauksmes un vērtējumi var daudz pastāstīt.

Skaists sudraba klēpjdators, kas demonstrē programmatūras saskarni ar sānu izvēlni, uz tīra balta fona.

Ir arī vērts zināt nedaudz par to, kas notiek aizkulisēs. Daudzas paplašinājumi izmanto "scroll-and-stitch" tehniku. Tie programmatiskā veidā ritina uz leju, uzņem katras sadaļas attēlu un pēc tam saliek tos kopā. Citi izmanto pārlūkprogrammas iebūvēto renderēšanas dzinēju, lai no paša sākuma ģenerētu vienu vienīgu, nevainojamu attēlu.

Veiktspējas atšķirība ir diezgan acīmredzama. Salīdzinošo ziņojumu rezultāti rāda, ka iebūvētās renderēšanas metodes bieži ir daudz ātrākas, vidēji aizņemot tikai 0.8–1.6 sekundes. Savukārt scroll-and-stitch pieeja var aizņemt 1.8–3.5 sekundes un ir daudz lielāka iespēja neizdoties lapās ar sarežģītu izkārtojumu.

Jūs patiešām pamanīsiet šo lapās ar lipīgiem virsrakstiem vai animācijām. Scroll-and-stitch metode var viegli sajaukt, atstājot jūs ar dīvainām vizuālām kļūdām vai dubultotiem elementiem jūsu galīgajā ekrānuzņēmumā.

Praktisks ceļvedis ar paplašinājumu

Uzsākt darbu ar paplašinājumu ir neticami vienkārši.

Kad esat instalējis kādu, kas jums patīk no jūsu pārlūkprogrammas tīmekļa veikala, tās ikona parasti parādīsies blakus jūsu adreses joslai.

No turienes process ir ļoti vienkāršs. Vienkārši pārejiet uz lapu, kuru vēlaties nofotografēt, un noklikšķiniet uz paplašinājuma ikonas. Lielākā daļa kvalitatīvo rīku nekavējoties piedāvās jums dažas izvēles:

  • Nofotografēt visu lapu: Galvenais notikums. Šī ir viena klikšķa opcija, kas noķer visu.
  • Nofotografēt redzamo zonu: Ātra bilde tikai no tā, kas šobrīd ir uz jūsu ekrāna.
  • Nofotografēt izvēlēto zonu: Ļauj jums noklikšķināt un vilkt, lai definētu precīzo reģionu, kuru vēlaties.

Kad noklikšķināt uz Nofotografēt visu lapu, paplašinājums pārņem kontroli, automātiski apstrādājot visu lapu. Pāris mirkļu laikā tiks atvērta jauna cilne ar jūsu pabeigto ekrānuzņēmumu, kas ir gatavs rediģēšanai. Jūs varat izmantot iebūvētās rīkus, lai pievienotu piezīmes vai sagrieztu to pirms saglabāšanas datorā kā PNG, JPG vai PDF. Šis nevainojamais plūsmas process ir tieši iemesls, kāpēc paplašinājumi ir neaizvietojama daļa no manas rīku komplekta.

Rullējošo ekrānuzņēmumu apguve mobilajās ierīcēs

Atzīsim, mēs dzīvojam savās telefonos. Satura nofotografēšana ceļā nav tikai patīkama iespēja; tā ir būtiska. Zināt, kā uzņemt rullējošu ekrānuzņēmumu savā telefonā, ir mūsdienu supervara, kas ir ideāli piemērota, lai saglabātu visu no garām tekstu sarunām līdz detalizētām tiešsaistes receptēm.

Pateicoties, jums vairs nav nepieciešama trešās puses lietotne. Process ir nedaudz atšķirīgs starp iOS un Android, taču abiem ir dažas pārsteidzoši jaudīgas iebūvētas rīku, kas paveic darbu.

Pilnu lapu uzņemšana iPhone

Apple ir iekļāvusi elegantu pilnas lapas ekrānuzņēmumu funkciju tieši iOS, taču tā patiešām izceļas, kad izmantojat Safari. Tas ir nedaudz slēpts dārgakmens, ja nezināt, kur meklēt.

Vispirms vienkārši uzņemiet ekrānuzņēmumu tā, kā vienmēr to darāt:

  • iPhone ar Face ID: Nospiediet Side pogu un Volume Up pogu vienlaikus.
  • iPhone ar Home pogu: Nospiediet Side pogu un Home pogu kopā.

Apakšējā kreisajā stūrī parādīsies neliels sīkpārskats. Jums jābūt ātram un jānoklikšķina uz tā, pirms tas pazūd. Kad esat redaktora režīmā, paskatieties ekrāna augšdaļā. Jūs redzēsiet divas cilnes: Screen un Full Page.

Uzklikšķiniet uz Full Page. Labajā pusē parādīsies slīdnis, ļaujot jums apskatīt visu tīmekļa lapu, kuru tikko uzņēmāt.

Šeit ir knifs: iOS iebūvētā funkcija saglabā šos pilnas lapas ekrānuzņēmumus kā PDF, nevis kā standarta attēlu failu, piemēram, PNG vai JPG. Tas ir lieliski, lai saglabātu rakstus vai dokumentus, taču tas ir jāņem vērā, ja cerējāt uz attēlu.

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

Android ekosistēma ir nedaudz kā savvaļas rietumi ar visām dažādajām ražotājām, taču pamatfunkcija ir diezgan konsekventa lielākajā daļā mūsdienu tālruņu no Google, Samsung un OnePlus. Jūs parasti redzēsiet, ka to sauc par Scroll Capture vai Scrolling Screenshot.

Sāciet ar parasta ekrānuzņēmuma uzņemšanu, kas gandrīz vienmēr tiek veikta, nospiežot Power un Volume Down pogas vienlaikus.

Tiklīdz to izdarīsit, ekrāna apakšā parādīsies neliela rīkjosla. Pievērsiet uzmanību ikonai ar uz leju vērstām bultām—tā var būt apzīmēta kā "Capture more" vai vienkārši rādīt ritināšanas simbolu. Nospiediet to. Jūsu tālrunis automātiski ritinās uz leju un pievienos nākamo sadaļu jūsu ekrānuzņēmumam.

Jūs varat turpināt nospiest šo pogu, lai turpinātu uzņemt vairāk no lapas. Kad esat ieguvis visu, kas jums nepieciešams, vienkārši noklikšķiniet uz ekrānuzņēmuma priekšskatījuma vai gaidiet, līdz rīkjosla pazūd. Atšķirībā no iPhone, Android tālruņi parasti saglabā šos garos ekrānuzņēmumus kā vienu, garu attēla failu (piemēram, PNG), kas ir daudz vieglāk koplietojams čatos vai sociālajos tīklos.

Kāpēc tas dažreiz neizdodas

Vai kādreiz esat mēģinājis uzņemt ritināšanas ekrānuzņēmumu, un opcija vienkārši... nav tur? Tas notiek. Tas parasti ir tāpēc, ka lietotne, kurā atrodaties, ir ar dīvainu, nestandarta izkārtojumu vai pielāgotu ritināšanas veidu. Ja operētājsistēma nevar noteikt vienkāršu, ritināmu logu, tā nepiedāvās šo funkciju.

Kad jūs saskaraties ar šo problēmu, vienīgais reālais risinājums ir atgriezties pie vecās skolas: manuāli uzņemiet virkni pārklājošu ekrānuzņēmumu un vēlāk salieciet tos kopā, ja nepieciešams.

Kā novērst biežākās ekrānuzņēmumu problēmas

Jūs esat uzņēmis ekrānuzņēmumu, bet, kad atverat failu, kaut kas nav kārtībā. Varbūt daļa lapas trūkst, ir dīvaini vizuāli traucējumi vai fails ir vienkārši pārāk liels, lai to nosūtītu pa e-pastu. Esmu tur bijis. Uzņemt attēlu ir viena lieta; iegūt to pareizi ir cita.

Iziesim cauri dažām visbiežāk sastopamajām problēmām un to risinājumiem.

Pareizā faila formāta izvēle: PNG vs. JPG

Pirmkārt, runāsim par failu formātiem. Izvēle starp PNG un JPG (vai JPEG) nav tikai tehniska detaļa—tā tieši ietekmē jūsu gala attēla kvalitāti un izmēru.

  • PNG (Portable Network Graphics): Domājiet par to kā par savu augstas kvalitātes izvēli. PNG izmanto bezzaudējumu kompresiju, kas nozīmē, ka tas saglabā katru pikseli pilnīgi neskartu. Tas ir labākais izvēle ekrānuzņēmumiem no tīmekļa vietnēm, lietotāja saskarnēm vai jebkuras citas lietas ar asu tekstu un tīrām līnijām. Šeit nebūs nekādas izplūšanas.
  • JPG (Joint Photographic Experts Group): Tas ir jūsu izvēle, kad faila izmērs ir galvenā prioritāte. JPG izmanto zaudējumu kompresiju, kas viltīgi iznīcina dažus attēla datus, lai samazinātu failu. Tas ir lieliski piemērots fotogrāfijām, taču tas var padarīt tekstu un asas malas ekrānuzņēmumā nedaudz izplūdušas.

Dažreiz jūs uzņemat perfektu PNG, bet vēlāk saprotat, ka jums nepieciešams mazāks fails prezentācijai vai emuāra ierakstam. Nav problēmu. Jūs varat viegli konvertēt no PNG uz JPG, lai samazinātu faila izmēru, neuzņemot jaunu attēlu.

Divi mobilie telefoni, kas demonstrē abstraktas tīmekļa vietnes vai lietotnes satura izkārtojumus ar tekstu un attēlu vietturēm.

Izgrieztu vai nepilnīgu uzņemšanu labošana

Tas ir viens no visvairāk kaitinošajiem gadījumiem: jūs uzņemat pilnas lapas ekrānuzņēmumu, tikai lai atklātu, ka apakšējā puse ir vienkārši tukša balta telpa.

Šis gandrīz vienmēr ir saistīts ar to, kā mūsdienu tīmekļa vietnes tiek veidotas. Daudzas izmanto tehniku, ko sauc par lazy loading, kur attēli un cits saturs faktiski neielādējas, līdz jūs tos ritināt redzes laukā. Tas ir lieliski priekš veiktspējas, taču tas var apmānīt ekrānuzņēmumu rīkus, kas pārvietojas ātrāk nekā saturs parādās.

Risinājums ir pārsteidzoši vienkāršs. Pirms nospiežat to uzņemšanas pogu, vienkārši ritiniet līdz lapas apakšai pats. Nepasteidzieties. Tas piespiež katru atsevišķo lazy-loaded elementu parādīties, dodot jūsu rīkam pilnīgu, pilnībā attēlotu lapu, ar kuru strādāt.

Šis mazais iepriekšējais ritināšanas triks ir arī noslēpums, kā uzņemt lapas ar bezgalīgu ritināšanu, nodrošinot, ka jūs iegūstat visu, kas jums nepieciešams.

Risināšana ar lipīgām galvenēm un kājām

Jūs zināt tās navigācijas joslas, kas paliek pievienotas ekrāna augšdaļai vai apakšai, kad ritināt? Tie tiek saukti par "lipīgajiem" elementiem, un tie var radīt haosu ekrānuzņēmumu rīkos, kas darbojas, ritinot un "šujot" attēlus kopā.

Ja jūs kādreiz esat redzējis gala ekrānuzņēmumu ar to pašu virsrakstu atkārtoti redzamu pa lapu, tas ir iemesls. Rīks apjūk un nofotografē to katrā segmentā.

Šeit jūsu rīka izvēle patiešām ir svarīga.

  • Pārlūkprogrammas izstrādātāja rīki: Iebūvētās komandas Chrome vai Edge parasti ir pietiekami gudras, lai ar to tiktu galā. Tās renderē visu lapu uzreiz, tāpēc tās redz lipīgo virsrakstu kā vienu elementu tā pareizajā vietā.
  • Uzlabotas paplašinājumi: Labākie ekrānuzņēmumu paplašinājumi ir īpaši programmēti, lai identificētu lipīgos elementus un pareizi ar tiem rīkotos, vai nu nofotografējot tos tikai vienu reizi, vai pilnībā tos noņemot, lai iegūtu tīru attēlu.

Ja jūsu pašreizējais rīks turpina sniegt atkārtotus virsrakstus, pāreja uz sarežģītāku metodi, piemēram, izstrādātāja rīkiem vai speciāli izstrādātu paplašinājumu, ir jūsu labākais risinājums.

Šeit ir ātra atsauces tabula, ko esmu sagatavojis, pamatojoties uz gadiem, kas pavadīti, risinot šīs tieši problēmas. Tā aptver visbiežāk sastopamās problēmas, ar kurām cilvēki saskaras, un ātrāko veidu, kā tās atrisināt.

Parastās ekrānuzņēmumu problēmas un risinājumi

Problēma Iespējamais cēlonis Ieteiktais risinājums
Trūkstošs saturs/ Tukšas vietas Vēlīnā ielāde vai bezgalīga ritināšana neielādēja visus elementus pirms ekrānuzņēmuma uzņemšanas. Ritina manuāli līdz lapas apakšai pirms ekrānuzņēmuma uzņemšanas, lai piespiestu visus saturus ielādēties.
Atkārtoti virsraksti/ kājenes Lipīgie elementi lapā apjūk ekrānuzņēmumu rīkus, kas "šuj" attēlus kopā. Izmantojiet sarežģītāku uzņemšanas metodi, piemēram, pārlūkprogrammas iebūvētos izstrādātāja rīkus vai veltītu paplašinājumu, kas spēj apstrādāt lipīgos elementus.
Neizšķirtīgi teksti vai neskaidri sīki attēli Ekrānuzņēmums tika saglabāts kā JPG ar augstu kompresiju, kas pasliktina kvalitāti. Saglabājiet ekrānuzņēmumu kā PNG maksimālai skaidrībai. Ja faila izmērs ir kritisks, izmantojiet JPG, bet ar augstāku kvalitātes iestatījumu.
Ļoti liels faila izmērs Garā lapa tika saglabāta kā nesaspiests PNG, radot milzīgu failu. Saglabājiet kā JPG vai izmantojiet tiešsaistes rīku, lai saspiestu PNG. Jūs varat arī pārvērst PNG uz JPG, lai iegūtu mazāku failu.
Uzņemšana neizdodas sarežģītās lapās Lapa satur sarežģītus interaktīvus elementus, animācijas vai skriptus, kas traucē rīkam. Mēģiniet uz laiku atspējot JavaScript, izmantojot izstrādātāja rīkus, vai izmantojiet citu ekrānuzņēmumu paplašinājumu, kas varētu būt saderīgāks.

Cerams, ka šī tabula sniedz jums skaidru ceļu, ko sekot nākamreiz, kad jūsu ekrānuzņēmums neiznāk tieši tā, kā vajadzētu. Mazliet problēmu risināšanas zināšanu var ietaupīt daudz laika un nepatikšanas.

Jums ir jautājumi? Mums ir atbildes

Divi portatīvie datori blakus viens otram ilustrē tīmekļa vietnes problēmu ar lipīgu piezīmi un fiksētu, tīru tīmekļa lapu.

Pat ar labākajiem rīkiem, kas jums ir pieejami, jūs noteikti sastapsiet dažas sarežģītas situācijas, uzņemot pilnas lapas ekrānuzņēmumus. Apskatīsim dažus no visbiežāk uzdotajiem jautājumiem, ko dzirdu, lai jūs varētu iegūt perfektu uzņemšanu katru reizi.

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

Deviņas reizes no desmit, PNG ir jūsu labākais risinājums. Tas izmanto to, ko sauc par bezzaudējumu kompresiju, kas ir tikai izsmalcināts veids, kā teikt, ka jūsu attēls nezaudēs nekādu kvalitāti. Katrs teksta rindiņš būs asu un katrs dizaina elements izskatīsies tieši tā, kā tas izskatās uz ekrāna. Tas ir nenoliedzami svarīgi dizaina maketiem, kļūdu ziņojumiem vai jebkuram profesionālam darbam, kur detaļas ir svarīgas.

Tātad, kad jūs izmantosiet kaut ko citu? JPG ir patiešām tikai tad, kad faila izmērs ir jūsu absolūti lielākais uztraukums, un jūs esat apmierināts ar nedaudz neskaidrības. Rakstu arhivēšanai vai vairāku uzņemšanu apvienošanai PDF ir fantastiska iespēja, īpaši, ja rīks, ko izmantojat, saglabā tekstu izvēlētu.

Vai es varu patiešām uzņemt ekrānuzņēmumu lapai, kas prasa pieteikšanos?

Jūs noteikti varat. Katrs vienīgais metode, par kuru mēs runājām - no izstrādātāja rīkiem līdz pārlūkprogrammas paplašinājumiem - darbojas, uzņemot to, kas šobrīd ir jūsu ekrānā. Process notiek pilnībā uz jūsu datora.

Jo jūs jau esat pieteicies, jūsu pārlūkprogramma ir renderējusi lapu ar visiem autentificētajiem saturiem. Ekrānuzņēmumu rīks vienkārši uzņem attēlu no tā, kas jau ir tur. Tas nesadarbojas ar serveri, tāpēc nav drošības riska.

Galvenā lieta, ko atcerēties, ir šāda: ja jūs to redzat savā pārlūkprogrammā, ekrānuzņēmumu rīks to var nofotografēt. Tas padara šos rīkus pilnīgi drošus, lai dokumentētu tādas lietas kā privāto kontu informācijas paneļi vai iekšējie uzņēmuma portāli.

Kāpēc mani ekrānuzņēmumi izskatās traucēti vai tajos trūkst attēlu?

Šī, iespējams, ir visbiežāk sastopamā galvassāpes, un to gandrīz vienmēr izraisa tas, kā mūsdienu tīmekļa vietnes tiek veidotas. Dažas specifiskas tehnikas ir pazīstamas ar to, ka tās apjūk ekrānuzņēmumu rīkus:

  • Vēlīnā ielāde: Tas ir tad, kad attēli patiesībā neielādējas, līdz jūs tos ritināt redzes laukā.
    • Par lapas ātrumu: Tas ir lieliski, bet slikti ekrānuzņēmumiem.
    • Paralaksu ritināšana: Tie foršās efekti, kad fons pārvietojas citā ātrumā nekā priekšplāns, var sajaukt ekrānuzņēmumu rīkus.
    • Stikla elementi: Domājiet par galvenēm, kājām vai sānu joslām, kas paliek vietā, kamēr ritināt. Dažreiz tie var tikt dublēti vai aizsegt saturu gala attēlā.

    Risinājums ir pārsteidzoši vienkāršs. Pirms ekrānuzņēmuma uzņemšanas, vienkārši paņemiet brīdi, lai manuāli ritinātu līdz lapas apakšai un tad atpakaļ uz augšu. Tas piespiež pārlūkprogrammu ielādēt visu, dodot rīkam pilnīgu, pilnībā attēlotu lapu, ar kuru strādāt. Tas ir neliels solis, kas lielākoties atrisina problēmu.


    Ja meklējat rīku, kas apstrādā šīs sarežģītās lapas bez papildu pūlēm, ShiftShift Extensions komplekts ir vērts apskatīt. Tā vienas klikšķa Pilnas lapas ekrānuzņēmuma rīks ir izstrādāts, lai eleganti tiktu galā ar mūsdienu tīmekļa dizaina īpatnībām, viss no vienas, vienotas komandu paletes. Tas ir nopietns uzlabojums salīdzinājumā ar pamata iebūvētajām opcijām. Jūs varat izpētīt ShiftShift ekosistēmu, lai redzētu, kā tas var vienkāršot jūsu darba plūsmu.

    Raksts izveidots, izmantojot Outrank

Minētās paplašinājumi