Kaip padaryti visos puslapio ekrano nuotrauką: kaip padaryti visos puslapio ekrano nuotrauką bet kuriame įrenginyje

Išmokite, kaip padaryti viso puslapio ekrano nuotrauką su mūsų paprastu gidu – tyrinėkite įmontuotas naršyklės priemones, plėtinius ir mobilius metodus, kad gautumėte tobulus kadrus.

Kaip padaryti visos puslapio ekrano nuotrauką: kaip padaryti visos puslapio ekrano nuotrauką bet kuriame įrenginyje

Kai norite užfiksuoti tinklalapį, paprastai norite visos istorijos, o ne tik tos dalies, kuri telpa jūsų ekrane. Viso puslapio ekrano kopija reiškia visko – nuo viršutinės antraštės iki apatinės poraštės – paėmimą vienu švaru kadru. Gera žinia? Galite praleisti varginantį procesą, kai reikia daryti keletą kadrų ir juos sujungti. Jūsų du geriausi pasirinkimai – tai paprastas naršyklės plėtinys vieno paspaudimo fiksavimams arba paties naršyklės kūrėjo įrankiai kaip gimtoji sprendimas.

Kodėl viso puslapio ekrano kopija yra šiuolaikinė būtinybė

Ar bandėte kada nors išsaugoti ilgą straipsnį ar internetinę sąskaitą, bet galiausiai gavote painių dalių vaizdų mozaiką? Tai dažna problema. Prarandate ne tik dalį puslapio; prarandate visą vaizdą. Standartinės ekrano kopijos nesusitvarko su šiandienos nesibaigiančiai besislepiančiais tinklalapiais ir nepavyksta užfiksuoti viso konteksto.

Būtent todėl žinojimas, kaip padaryti viso puslapio ekrano kopiją, tapo tokiu svarbiu įgūdžiu. Tai ne tik smagus triukas; tai praktiškas įrankis dizaineriams, rinkodaros specialistams ir iš tiesų bet kam, kam reikia tiksliai dokumentuoti žiniatinklio turinį.

Už matomo lango ribų

Įprasta ekrano kopija užfiksuoja tik tai, ką matote šiuo metu. Viso puslapio kopija, kita vertus, išsaugo visą puslapio ilgį viename tęstiniame, aukštos kokybės vaizde. Tai yra pokytis daugelyje kasdienių užduočių:

  • Dizaino ir vartotojo sąsajos peržiūros: Įsivaizduokite, kad bandote įvertinti produkto puslapio vartotojo kelią tik keliais nesusijusiais vaizdais. Visos kelionės užfiksavimas suteikia jūsų komandai visą kontekstą.
  • Turinio archyvavimas: Radote puikų ilgą straipsnį, kurį norite perskaityti atsijungę? Viso puslapio kopija viską išsaugo vėlesniam naudojimui.
  • Įrašų saugojimas: Tobula visai operacijų istorijai ar ilgai el. pašto konfigūracijai dokumentuoti jūsų įrašams, nepraleidžiant nė vienos detalės.
  • Klaidų pranešimai: Kai pastebite vaizdinę klaidą, parodant kūrėjams visą puslapį jiems padeda daug greičiau nustatyti problemą.

Šis sprendimų medis gali padėti greitai nustatyti geriausią metodą, priklausomai nuo to, ko jums reikia ir kaip patogiai jaučiatės su skirtingais įrankiais.

A flowchart detailing a decision-making process to choose between different methods based on user preferences.

Kaip rodo schemos, jei greitis ir paprastumas yra jūsų prioritetai, plėtinys greičiausiai yra geriausias pasirinkimas. Jei esate patenkinti keliais papildomais paspaudimais ir teikiate pirmenybę integriam sprendimui, naršyklės įrankiai yra tvirtas pasirinkimas.

Šio metodo poreikis tikrai išaugo kartu su reaktyvaus dizaino kilimu. Tinklalapiams augant ilgesniems ir dinamiškesniems, kokybės užtikrinimo komandos atrado, kad viso atvaizduoto puslapio užfiksavimas yra kritiškai svarbus testavimui. Iš tiesų, 2015 daugelis pranešė, kad šis metodas sumažino vaizdo regresijos klaidas 30–40%, palyginti su vieno rodinio ekrano kopijomis. Kodėl? Todėl, kad jis sugavo tuos sudėtingus už ekrano esančius elementus ir tinginį įkeltą turinį, kurie kitaip būtų praleisti. Galite giliau pasigilinti į šiuos žiniatinklio testavimo rezultatus Research and Markets svetainėje.

Greitas viso puslapio ekrano kopijų metodų vadovas

Padėti jums greitai nuspręsti ši lentelė apžvelgia dažniausiai naudojamus metodus, jų idealias naudojimo situacijas ir ko reikia.

Metodas Geriausiai tinka Techninis lygis Reikia diegimo
Naršyklės kūrėjo įrankiai Greiti, vienkartiniai fiksavimai nieko neįdiegiant. Pagrindinis Ne
Naršyklės plėtiniai Dažnas naudojimas, pridėtos funkcijos, pvz., redagavimas ir debesijos saugykla. Nėra Taip
Mobiliųjų OS funkcijos Turinio užfiksavimas jūsų telefone ar planšetėje. Nėra Ne
Trečiųjų šalių programos Išplėstinės funkcijos, automatizavimas ir komandos bendradarbiavimas. Skirtingos Taip

Kiekvienas iš šių požiūrių turi savo vietą. Tinkamas jums iš tiesų priklauso nuo to, kaip dažnai ketinate daryti fiksavimus ir ką planuojate su jais daryti vėliau.

Integruotų naršyklės įrankių naudojimas švarioms kopijoms

Kartais geriausias įrankis darbui yra tas, kurį jau turite. Prieš ieškant kitų plėtinių, verta žinoti, kad tokiose naršyklėse kaip Google Chrome ir Microsoft Edge yra galinga, įtaisyta viso puslapio ekrano kopijų funkcija. Ji yra mėgstama tarp programuotojų ir kitų technologijų išmanančių žmonių, nes yra tiksli ir visiškai be šiukšlių.

Šis įtaisas yra paslėptas Kūrėjų įrankių skydelyje. Tai gali skambėti šiek tiek bauginančiai, tačiau procesas yra stebėtinai paprastas. Jokių atsisiuntimų, registracijų ar papildomų piktogramų, užimiančių jūsų įrankių juostą. Gaunate tikslų viso puslapio vaizdą, lygiai tokį, kokį mato pati naršyklė.

Ekrano kopijos komandos prieiga

Visų pirma, turite atidaryti Kūrėjų įrankius puslapyje, kurį norite užfiksuoti. Yra keletas greitų būdų tai padaryti:

  • Klaviatūros trumpinys: Greičiausias būdas – paspausti Cmd+Option+I Mac kompiuteryje arba Ctrl+Shift+I Windows kompiuteryje.
  • Dešinio pelės mygtuko meniu: Taip pat galite tiesiog dešiniuoju pelės mygtuku spustelėti bet kur puslapyje ir iš pasirodžiusio meniu pasirinkti „Tikrinti“.

Atidarius Kūrėjų įrankių skydą, kitas žingsnis – paleisti komandą. Nesijaudinkite, jums nereikės rašyti jokio kodo. Tiesiog atidarykite komandų meniu paspausdami Cmd+Shift+P (Mac) arba Ctrl+Shift+P (Windows).

Ekrano viršuje pasirodys paieškos juosta. Tiesiog pradėkite rašyti „ekrano kopija“ ir iš karto pamatysite pasirinkimų sąrašą.

Patarimas: Matysite keletą variantų, tačiau norint gauti visišką ekrano kopiją, ignoruokite „srities“ arba „mazgo“ parinktis. Jums reikia Capture full size screenshot. Ši komanda nurodo naršyklei sujungti visą puslapį į vieną nepertraukiamą vaizdą.

Pasirinkite tą parinktį, paspauskite Enter, ir viskas. Naršyklei prireiks akimirkos apdoroti visą puslapį, o tada ekrano kopija automatiškai atsisiunčiama, dažniausiai kaip PNG failas, tiesiai į jūsų atsisiuntimų aplanką. Tai yra neįtikėtinai švarus ir tiesioginis metodas.

Žinoma, nors ši įtaisyta parinktis yra puiki greitam ir be vargo ekrano kopijų gavimui, ji turi savo ribojimų. Jei prireikia daugiau funkcijų, tokių kaip momentinis redagavimas, anotacijos arba išsaugojimas debesyje, specialus įrankis, toks kaip ShiftShift Full Page Screenshot plėtinys, gali iš tiesų pagreitinti jūsų darbo eigą.

Konkrečių mobiliojo vaizdų fiksavimas

Štai kur Kūrėjų įrankių metodas ypač pasitarnauja: tiksliai fiksuojant, kaip tinklalapis atrodo konkrečiame mobiliajame įrenginyje. Tai yra tikras pokytis žiniatinklio dizaineriams, kūrėjams ir kokybės užtikrinimo testuotojams, kuriems reikia dokumentuoti prisitaikančius dizainus be spėliojimų.

Prieš paleisdami ekrano kopijos komandą, tiesiog perjunkite į Įrenginio režimą.

Kūrėjų įrankių skydu vis dar atidarius, ieškokite mažos piktogramos, kuri atrodo kaip telefonas ir planšetė (Perjungti įrenginio įrankių juostą) ir spustelėkite ją. Jūsų tinklalapis iškart sumažės iki mobiliojo dydžio vaizdo.

Tada galite naudoti išskleidžiamąjį meniu viršutinėje lango dalyje, kad pasirinktumėte konkretų įrenginį, pavyzdžiui, „iPhone 14 Pro“ arba „Pixel 7“.

Kai gausite norimą vaizdą, tiesiog paleiskite Capture full size screenshot komandą tiksliai taip pat, kaip anksčiau.

Rezultatas yra tobulas, viso ilgio jūsų svetainės vaizdas, kaip jis atrodo tame konkrečiame įrenginio ekrane. Tai yra neįtikėtinai tikslus būdas kurti momentines kopijas pranešimams apie klaidas, dizaino maketams arba klientų pristatymams, viskas be fizinio įrenginio poreikio jūsų rankose.

Įtaisyti naršyklės įrankiai yra naudingi kritinėmis situacijomis, tačiau būkime sąžiningi – jie nebuvo sukurti intensyviam darbo eigai. Kai reguliariai reikia fiksuoti viso puslapio ekrano kopijas, niekas neprilygsta gero naršyklės plėtinio greičiui ir patogumui. Šie įrankiai prisistato tiesiai į naršyklės įrankių juostą, paverčiant sudėtingą, daug žingsnių reikalaujantį procesą vienu patenkinamu paspaudimu.

Pagalvokite apie realaus pasaulio scenarijus. Galbūt esate dizaineris, archyvuojantis konkurentų svetaines nuotaikų lentai, rinkodaros specialistas, išsaugantis ilgus straipsnius tyrimams, arba palaikymo specialistas, bandantis dokumentuoti sudėtingą vartotojo problemą nuo pradžios iki pabaigos. Tokiais atvejais kapanojimasis su kūrėjų įrankiais nepasiteisins. Jums reikia greičio, o plėtiniai jį užtikrina.

ShiftShift Extensions“ priedų rinkinys yra puikus tokio efektyvumo pavyzdys. Jo viso puslapio ekrano kopijos įrankis yra paslėptas vieningoje komandų paletėje, todėl jis visada pasiruošęs, kai jo reikia, tačiau niekada neužkemša ekrano. Tai ideali sąranga profesionalams, kurie reikalauja galingų įrankių nepaaukodami švarios, susitelkusios darbo erdvės. Jei norite supaprastinti savo darbą, galite peržiūrėti daugiau mūsų galingų naršyklės priedų įrankių.

Teisingo priedo pasirinkimas pagal jūsų poreikius

Greita paieška „Chrome“ žiniatinklio parduotuvėje pateiks dešimtis ekrano kopijų kūrimo įrankių. Taigi, kaip atskirti gerą nuo puikaus? Viskas priklauso nuo kelių pagrindinių veiksnių.

  • Našumas ir greitis: Kiek iš tikrųjų greitai jis užfiksuoja puslapį? Kai kurie priedai dirba lėtai ilguose, sudėtinguose puslapiuose, o kiti veikia beveik akimirksniu.
  • Redagavimo funkcijos: Ar jis turi integruotą redaktorių? Geriausi įrankiai leidžia apkirpti, pridėti tekstą, nupiešti rodykles ar net išplauti jautrią informaciją iškart po ekrano kopijos nufotografavimo.
  • Eksportavimo parinktys: Ar galite ją išsaugoti kaip PNG ar JPG? Dar geriau, ar galite ją eksportuoti kaip ieškomą PDF? Lankstumas yra raktas.
  • Privatumo politika: Tai labai svarbu. Techniškai priedas gali „pamatyti“ puslapį, kuriame esate, todėl aiški, privatumą gerbianti politika yra būtina. Įrankiai, kurie visą apdorojimą atlieka vietoje jūsų įrenginyje, visada yra saugiausias pasirinkimas.

Teisingo įrankio radimas dažnai priklauso nuo asmeninių pageidavimų ir jūsų konkrečių poreikių, tačiau naudotojų atsiliepimai ir įvertinimai gali daug ką pasakyti.

A sleek silver laptop showcasing a software interface with a sidebar menu, against a clean white background.

Taip pat verta šiek tiek suprasti, kas vyksta po paviršiumi. Daugelis priedų naudoja „slinkimo ir sujungimo“ techniką. Jie programiškai slenka žemyn, nufotografuoja kiekvieną sekciją, o po to jas sudeda į vientisą vaizdą. Kiti naudoja naršyklės integruotą atvaizdavimo variklį, kad iškart sukurtų vieną tobulą vaizdą.

Našumo skirtumas yra gana ryškus. Etaloninių pranešimų duomenimis, integruoto atvaizdavimo metodai dažnai būna kur kas greitesni, vidutiniškai trunkantys tik 0,8–1,6 sekundės. Priešingai, slinkimo ir sujungimo požiūris gali užtrukti 1,8–3,5 sekundės ir turi daug didesnę nesėkmės tikimybę sudėtingo išdėstymo puslapiuose.

Tai tikrai pastebėsite puslapiuose su lipančiomis antraštėmis ar animacijomis. Slinkimo ir sujungimo metodas gali lengvai susipainioti, todėl galutinėje ekrano kopijoje gali atsirasti keistų vaizdo klaidų ar pasikartojančių elementų.

Praktinis vadovas naudojant priedą

Pradėti naudotis priedu yra neįtikėtinai paprasta. Kai įdiegiate jums patinkantį priedą iš naršyklės žiniatinklio parduotuvės, jo piktograma dažniausiai pasirodo šalia adreso juostos.

Nuo to momento procesas yra itin paprastas. Tiesiog nueikite į puslapį, kurį norite užfiksuoti, ir spustelėkite priedo piktogramą. Dauguma kokybiškų įrankių iškart pasiūlys kelias parinktis:

  • Fiksuoti visą puslapį: Pagrindinis įvykis. Tai vieno mygtuko paspaudimo parinktis, kuri sugauna viską.
  • Fiksuoti matomą sritį: Greitas to, kas dabar matoma jūsų ekrane, nufotografavimas.
  • Fiksuoti pasirinktą sritį: Leidžia spustelėti ir pajudinti, kad apibrėžtumėte tiksliai norimą sritį.

Kai paspausite Fiksuoti visą puslapį, priedas perima darbą, automatiškai apdorodamas visą puslapį. Po akimirkos atsivers naujas skirtukas su jūsų paruošta ekrano kopija, paruošta redaguoti. Galite naudoti integruotus įrankius pridėti pastabų ar apkirpti ją prieš išsaugodami kompiuteryje kaip PNG, JPG ar PDF. Būtent toks sklandus veikimas yra priežastis, kodėl priedai yra nepakeičiama mano įrankinės dalis.

Slinkančių ekrano kopijų meistriškumas mobiliajame telefone

Prisiminkime, mes gyvename savo telefonuose. Turinio fiksavimas kelyje nėra tik malonumas – tai būtinybė. Žinojimas, kaip mobiliajame telefone padaryti slinkančią ekrano kopiją, yra šiuolaikinis super英雄, tobulai tinkantis išsaugoti viską – nuo ilgų teksto pokalbių iki detalių internetinių receptų.

Laimei, tam jums nebereikia trečiosios šalies programos. Procesas šiek tiek skiriasi tarp iOS ir „Android“, tačiau abiejose operacinėse sistemose yra keletas stebėtinai galingų integruotų įrankių, kurie atlieka darbą.

Viso puslapio fiksavimas „iPhone“ telefone

„Apple“ turi įrengtą patogią viso puslapio ekrano kopijavimo funkciją tiesiai „iOS“ sistemoje, bet ji ypač pasirodo naudojant „Safari“. Tai šiek tiek paslėptas brangakmenis, jei nežinote, kur ieškoti.

Pirmiausia tiesiog nufotografuokite ekraną taip, kaip visada darote:

  • „iPhone“ su „Face ID“: tuo pačiu metu paspauskite Šoninį mygtuką ir Garsumo didinimo mygtuką.
  • „iPhone“ su Pagrindiniu mygtuku: kartu paspauskite Šoninį mygtuką ir Pagrindinį mygtuką.

Apatiniame kairiajame kampe iššoks mažas miniatiūros peržiūros langas. Turite būti greiti ir bakstelėti jį, kol jis išnyks. Kai pateksite į redaktorių, pažvelkite į ekrano viršų. Matysite dvi korteles: Ekranas ir Visas puslapis.

Bakstelėkite Visas puslapis. Dešinėje pusėje pasirodys slankiklis, leidžiantis peržiūrėti visą neseniai nufotografuotą tinklalapį.

Štai kas svarbu: Nativi „iOS“ funkcija šiuos viso puslapio vaizdus išsaugo kaip PDF, o ne standartinį vaizdų failą, pvz., PNG ar JPG. Tai puiku straipsniams ar dokumentams išsaugoti, tačiau tai verta prisiminti, jei tikėjotės gauti vaizdą.

Slankiosios ekrano kopijos darymas „Android“ sistemoje

„Android“ ekosistema yra šiek tiek nevaldoma dėl skirtingų gamintojų, bet pagrindinė funkcija yra gana pastovi daugumoje šiuolaikinių „Google“, „Samsung“ ir „OnePlus“ telefonų. Paprastai ją vadina Slankusis fiksavimas arba Slankioji ekrano kopija.

Pradėkite nuo įprastos ekrano kopijos, kurią beveik visada padarote paspausdami Maitinimo ir Garsumo mažinimo mygtukus vienu metu.

Tuojau po to ekrano apačioje pasirodys maža įrankių juosta. Atkreipkite dėmesį į piktogramą su žemyn nukreiptomis rodyklėmis – ji gali būti pažymėta „Fiksuoti daugiau“ arba tiesiog rodyti slinkties simbolį. Bakstelėkite jį. Jūsų telefonas automatičiai nuslinks žemyn ir prijungs kitą sekciją prie jūsų ekrano kopijos.

Galite toliau bakstelėti tą mygtuką, kad fiksuotumėte daugiau puslapio. Kai gausite viską, ko reikia, tiesiog bakstelėkite pačią ekrano kopijos peržiūrą arba palaukite, kol įrankių juosta išnyks. Skirtingai nuo „iPhone“, „Android“ telefonai paprastai šiuos ilgus fiksavimus išsaugo kaip vieną aukštą vaizdų failą (pvz., PNG), kurį kur kas lengviau bendrinti pokalbiuose ar socialinėje medijoje.

Kartais tai nepavyksta

Ar kada nors bandėte padaryti slankiąją ekrano kopiją, bet parinkties tiesiog nėra? Tai nutinka. Paprastai taip yra todėl, kad programa, kurioje esate, turi keistą, nestandartinį išdėstymą arba pritaikytą slinkimo būdą. Jei operacinė sistema negali aptikti paprasto slankio lango, ji nepasiūlys šios funkcijos.

Kai susiduriate su tokiu mūru, vienintelis tikras sprendimas – pasinaudoti senąja mokykla: rankiniu būdu padarykite seriją persiklojančių ekrano kopijų ir, jei reikia, vėliau jas susiūkite.

Kaip išspręsti dažniausiai pasitaikančias ekrano kopijų problemas

Jūs padarėte ekrano kopiją, bet kai atidarote failą, kažkas negerai. Galbūt trūksta dalies puslapio, yra keistų vaizdo trikdžių arba failas tiesiog per didelis, kad jį būtų galima siųsti el. paštu. Aš ten buvau. Gauti fiksavimą yra vienas dalykas; gauti jį teisingai – tai kitas dalykas.

Pažvelkime į dažniausiai pasitaikančius trikdžius ir kaip juos išspręsti.

Teisingo failo formato pasirinkimas: PNG ir JPG

Visų pirma, pakalbėkime apie failų formatus. Pasirinkimas tarp PNG ir JPG (arba JPEG) nėra tik techninė detalė – ji tiesiogiai paveikia jūsų galutinio vaizdo kokybę ir dydį.

  • PNG (Nešiojamoji tinklo grafika): Manykite apie tai kaip apie jūsų aukštos kokybės variantą. PNG naudoja nuostolių neturinį suspaudimą, o tai reiškia, kad jis kiekvieną pikselį išlaiko tobulai nepažeistą. Tai geriausias pasirinkimas svetainių, naudotojo sąsajų ar visko, kas turi aštrų tekstą ir švarias linijas, ekrano kopijoms. Čia nebus jokio neryškumo.
  • JPG (Jungtinių fotografų ekspertų grupė): Tai jūsų pasirinkimas, kai failo dydis yra svarbiausias. JPG naudoja nuostolį turintį suspaudimą, kuris sumaniai atmeta dalį vaizdų duomenų, kad sumažintų failą. Tai puiku fotografijoms, bet gali priversti ekrano kopijos tekstą ir aštrius kraštus atrodyti šiek tiek neryškiai.

Kartais nufotografuojate tobulą PNG, bet vėliau suprantate, kad pristatymui ar tinklaraščio įrašui reikia mažesnio failo. Nesijaudinkite. Galite lengvai konvertuoti iš PNG į JPG, kad sumažintumėte failo dydį, nereikėdamas iš naujo daryti kadrą.

Two mobile phones showcasing abstract website or app content layouts with text and image placeholders.

Klaidų taisymas nutrauktuose arba nepilnuose vaizduose

Tai yra vienas iš labiausiai varginančių dalykų: jūs padarote viso puslapio ekrano kopiją, tačiau paaiškėja, kad apatinė pusė yra tiesiog tuščia balta erdvė.

Tai beveik visada priklauso nuo to, kaip šiuolaikinės svetainės yra sukurtos. Daugelis naudoja techniką, vadinamą tinginių krovimo (lazy loading), kur vaizdai ir kitas turinys iš tiesų neįkeliami, kol jų nesuksite į peržiūros sritį. Tai puiku našumui, bet gali apgauti ekrano kopijos įrankius, kurie juda greičiau nei turinys pasirodo.

Sprendimas yra stebėtinai paprastas. Prieš paspausdami mygtuką „Captch", tiesiog patys visiškai nuslinkite iki puslapio apačios. Skirkite tam laiko. Tai privers kiekvieną tingiai įkeltą elementą pasirodyti, suteikdama jūsų įrankiui visiškai užpildytą puslapį.

Šis mažas išankstinio slinkimo triukas taip pat yra paslaptis, kaip užfiksuoti puslapius su neribotu slinkimu, kad gautumėte viską, ko jums reikia.

Dirbant su lipniais antraštėmis ir poraštėmis

Ar žinote tą navigacijos juostą, kuri, slenkant, lieka prilipusi prie ekrano viršaus ar apačios? Jos vadinamos „lipniais“ elementais, ir jos gali sukelti rimtų problemų ekrano kopijų įrankiams, kurie veikia slenkant ir „sulipdydami“ vaizdus.

Jei kada nors matėte galutinę ekrano kopiją, kurioje ta pati antraštė kartojasi vėl ir vėl visame puslapyje, tai yra priežastis. Įrankis susipainioja ir užfiksuoja ją kiekviename segmente.

Čia jūsų pasirinktas įrankis iš tiesų tampa svarbus.

  • Naršyklės kūrėjų įrankiai (DevTools): Chrome arba Edge įmontuotos komandos paprastai yra pakankamai protingos, kad tai apdorotų. Jos visa puslapį renderina vienu kartu, todėl jos mato lipnią antraštę kaip vieną elementą joje vietoje.
  • Išplėstiniai plėtiniai: Geriausios ekrano kopijų plėtiniai yra specialiai programuoti atpažinti lipnius elementus ir tinkamai su jais elgtis – juos užfiksuoti tik kartą arba visiškai pašalinti, kad būtų gautas švarus kadras.

Jei dabartinis įrankis ir toliau rodo pasikartojančius antraštes, geriausia yra pereiti prie sudėtingesnio metodo, tokio kaip DevTools ar specialiai sukurtas plėtinys.

Štai greita orientacinė lentelė, kurią sudariau remdamasis daugelio metų patirtimi sprendžiant būtent šias problemas. Joje aptariamos dažniausiai pasitaikančios problemos ir greičiausi būdai jas išspręsti.

Dažnos ekrano kopijų problemos ir sprendimai

Problema Tikėtina priežastis Rekomenduojamas sprendimas
Trūkstamas turinys/tuščios erdvės Užkrovimas pagal poreikį arba neribotas slinkimas nebuvo įkelti visi elementai prieš padarant ekrano kopiją. Prieš pradėdami daryti ekrano kopiją, rankiniu būdu slinkite iki pat puslapio apačios, kad visas turinys būtų įkeltas.
Pasikartojantys antraštės / poraštės Lipdūs elementai puslapyje sukelia painiavą ekrano kopijų programoms, kurios "siuva" vaizdus kartu. Naudokite pažangesnę fiksavimo metodą, pvz., naršyklės įmontuotas kūrėjų priemones arba specializuotą plėtinį, galintį apdoroti lipnius elementus.
Neryškūs tekstai arba neaiškios detalės Ekrano kopija buvo išsaugota kaip JPG su didele suspaudimu, o tai sumažina kokybę. Išsaugokite ekrano kopiją kaip PNG failą, kad gautumėte maksimalų aiškumą. Jei failo dydis yra kritiškas, naudokite JPG, bet su aukštesniais kokybės nustatymais.
Ypatingai didelis failo dydis Ilgas puslapis buvo išsaugotas kaip nesuglaudintas PNG, todėl susidarė milžiniškas failas. Išsaugoti kaip JPG arba naudokite internetinį įrankį PNG suspausti. Taip pat galite konvertuoti PNG į JPG dėl mažesnio failo.
Klaida sudėtingų puslapių fiksavime Puslapyje yra sudėtingi interaktyvūs elementai, animacijos ar scenarijai, kurie trukdo įrankiui. Pabandykite laikinai išjungti JavaScript naudojant DevTools arba naudokite kitą ekrano kopijos plėtinį, kuris gali būti suderesnis.

Tikimės, kad ši lentelė jums aiškiai parodys, ką daryti kitą kartą, kai ekrano kopija nepavyks taip, kaip tikėjotės. Šiek tiek žinių apie trikčių šalinimą gali sutaupyti daug laiko ir nusivylimo.

Turite klausimų? Mes turime atsakymų

Two laptops side-by-side illustrating a website issue with a sticky note and a fixed, clean webpage.

Net ir turėdami geriausius įrankius po ranka, tikrai susidursite su kai kuriais sudėtingais atvejais, kai darysite viso puslapio ekrano kopijas. Pažvelkime į dažniausiai girdimus klausimus, kad kiekvieną kartą galėtumėte gauti tobulą kopiją.

Koks yra geriausias mano ekrano kopijos įrašymo formatas?

Devyniais atvejais iš dešimties, PNG yra geriausias pasirinkimas. Jame naudojama vadinamoji be nuostolių (lossless) kompresija, kas paprasčiausiai reiškia, kad jūsų vaizdas nepraras kokybės. Kiekviena teksto linija bus ryški ir kiekvienas dizaino elementas atrodys tiksliai taip, kaip ekrane. Tai yra būtina dizaino maketams, klaidų ataskaitoms ar bet kokiam profesionaliam darbui, kur detalių tikslumas yra svarbiausia.

Kada vertėtų rinktis kitą formatą? JPG tinka tik tada, kai failo dydis yra absoliučiai didžiausias prioritetas ir jums nėra problema šiek tiek neryškumo. Archyvuojant straipsnius ar jungiant kelias kopijas, PDF yra puikus pasirinkimas, ypač kai naudojamas įrankis išlaiko tekstą pasirenkamą.

Ar galiu padaryti ekrano kopiją puslapio, kuriam reikia prisijungimo?

Visiškai taip. Kiekvienas aptartas metodas – nuo DevTools iki naršyklės plėtinių – veikia užfiksuojant tai, kas šiuo metu yra jūsų ekrane. Procesas vyksta visiškai jūsų kompiuteryje.

Kadangi jūs jau esate prisijungę, jūsų naršyklė atvaizdavo puslapį su visa autentifikuota turiniu. Ekrano kopijos įrankis tiesiog nufotografuoja tai, kas jau yra. Jis neveikia su serveriu, todėl saugumo rizikų nėra.

Svarbiausia prisiminti štai kas: jei galite tai matyti savo naršyklėje, ekrano kopijos įrankis gali tai užfiksuoti. Tai daro šiuos įrankius visiškai saugiais tokiems dalykams kaip privačių paskyrų valdymo skydeliai ar vidiniai įmonės portalai dokumentuoti.

Kodėl mano ekrano kopijos atrodo klaidingos arba trūksta vaizdų?

Tai greičiausiai dažniausiai pasitaikanti problema, ir ji beveik visada kyla dėl to, kaip šiuolaikiniai tinklalapiai yra sukurti. Keletas konkrečių technikų yra žinomos kaip sukeliančios problemų ekrano kopijų įrankiams:

  • Vėluojantis (Lazy) krovimas: Tai reiškia, kad vaizdai nepakraunami, kol jūs jų nepaslinkote į matomą vietą. Tai naudinga puslapio greičiui, bet blogai ekrano kopijoms.
  • Paralaksinis (Parallax) slinkimas: Įspūdingi efektai, kai fonas juda kitu greičiu nei priekinis planas, gali supainioti kopijavimo įrankius.
  • Klijuojami (Sticky) elementai: Galvoje turėkite antraštes, poraštes ar šonines juostas, kurios lieka vietoje, kai jūs slenkate. Kartais jie gali būti pasikartojantys arba uždengti turinį galutiniame vaizde.

Sprendimas yra stebėtinai paprastas. Prieš inicijuodami ekrano kopiją, tiesiog skirkite šiek tiek laiko, kad rankiniu būdu slinktumėte iki paties puslapio apačios, o paskui atgal į viršų. Tai priverčia naršyklę viską užkrauti, suteikiant įrankiui visiškai atvaizduotą puslapį darbui. Tai mažas žingsnis, kuris išsprendžia problemą daugeliu atvejų.


Jei ieškote įrankio, kuris tvarkytų sudėtingus puslapius be papildomų pastangų, verta peržiūrėti ShiftShift Extensions rinkinį. Jo vieno paspaudimo „Full Page Screenshot“ įrankis sukurtas, kad subtiliai tvarkytų šiuolaikinio tinklalapio dizaino ypatumus, visa tai iš vienos vientisos komandų juostos. Tai rimtas patobulinimas, lyginant su pagrindinėmis integruotomis galimybėmis. Galite susipažinti su ShiftShift ekosistema, kad pamatytumėte, kaip ji gali supaprastinti jūsų darbo eigą.

Straipsnis sukurtas naudojant Outrank

Rekomenduojamos plėtiniai