Kaip padaryti visos svetainės ekrano nuotrauką bet kuriame įrenginyje: Išsamus vadovas

Mes visi ten buvome. Paspaudėte „Print Screen“, kad išsaugotumėte tinklalapį, tačiau gautas vaizdas yra tik mažas gabalėlis, matomas jūsų monitoriuje. O kas su visais tais svarbiais turiniais, kurie slepiasi žemiau puslapio?

Išmokti, kaip padaryti ekrano nuotrauką viso tinklalapio, yra tikras žaidimų keitiklis. Tai leidžia jums užfiksuoti viską nuo antraštės iki poraštės viename švariame, nuolatinėje nuotraukoje, transformuojant fragmentuotus elementus į pilną vizualinį įrašą.

Kodėl jums reikia daugiau nei tik Print Screen

Pagalvokite apie paskutinį kartą, kai bandėte išsaugoti ilgą straipsnį ar konkurento nusileidimo puslapį. Greičiausiai padarėte ekrano nuotrauką, slinkote, padarėte dar vieną ir kartojote procesą, kol pasiekėte puslapio apačią. Rezultatas? Nešvarus nuotraukų mozaika, kurią turėjote vargti sujungti, jei išvis tuo rūpinotės.

Tas rankinis požiūris ne tik sukelia galvos skausmą; jis visiškai nepraktinis bet kokiam profesionaliam darbui. Bet kam, kas dirba su tinklalapiais—vystotojams, rinkodaros specialistams, dizaineriams, ir t.t.—paprastas ekrano užfiksavimas tiesiog nepakanka.

• QA testuotojams: Įsivaizduokite, kad randate vizualinę klaidą giliai puslapio poraštėje. Standartinė ekrano nuotrauka negali parodyti viso konteksto. Visų puslapių užfiksavimas, kita vertus, dokumentuoja visą išdėstymą, todėl jūsų klaidų ataskaitos tampa šimtu kartų aiškesnės.
• Web kūrėjams: Kai rodote naują dizainą klientui, siųsdami vieną, vientisą viso puslapio nuotrauką atrodo daug labiau profesionaliai nei serija nesusijusių failų. Tai leidžia jiems peržiūrėti visą puslapio srautą vienu metu.
• Rinkodaros specialistams: Bandote archyvuoti konkurento pardavimo tunelį ar išsamią produkto puslapį? Jums reikia užfiksuoti viską. Visų puslapių ekrano nuotrauka išsaugo visą vartotojo kelionę viename faile, paruoštame analizei.

Įveikiant šiuolaikinius interneto iššūkius

Šiandienos tinklalapiai yra toli gražu ne statiški. Jie pilni dinamiškų elementų, kurie trukdo pagrindinėms ekrano nuotraukų metodikoms. Klijuojančios antraštės, kurios seka jus žemyn puslapyje, gali pasirodyti kelis kartus jūsų sujungtose nuotraukose. O kas su tingiai įkeliama turiniu, kuris pasirodo tik tada, kai jūs iki jo slinksite? Jis gali visiškai trūkti jūsų galutinėje nuotraukoje, jei nenaudojate tinkamo įrankio.

Užfiksuoti visą tinklalapį nėra tik patogumas—tai yra tiksliai, profesionaliai ir visiškai vizualiai dokumentuoti. Jūs išsaugote puslapio vientisumą būtent taip, kaip jis buvo skirtas būti matomas.

Tai nėra tik nišinis poreikis. Patikimų užfiksavimo įrankių paklausa auga. Tinklalapių ekrano nuotraukų programinės įrangos rinka yra pakeliui peržengti 1,2 milijardo dolerių iki 2033 metų, augant stabiliai 12% kiekvienais metais. Šis augimas atspindi didelį pokytį, kai profesionalai atsisako rankinių metodų ir pereina prie automatizuotų įrankių. Galite pasinerti į visą rinkos augimo ataskaitą, kad gautumėte daugiau įžvalgų.

Prieš pradedant „kaip tai padaryti“, naudinga pamatyti galimybes šalia. Kiekvienas metodas turi savo stipriąsias puses ir tinka skirtingoms situacijoms.

Tinklalapio užfiksavimo metodai trumpai

Metodas	Geriausiai tinka	Pagrindinis apribojimas	Reikalingas techninis įgūdžių lygis
Naršyklės DevTools	Kūrėjams, QA testuotojams ir techniniams vartotojams, kuriems reikia greito, integruoto užfiksavimo be nieko diegimo.	Gali būti bauginantis ne techniniams vartotojams ir trūksta anotavimo ar redagavimo funkcijų.	Vidutinis
Integruotos naršyklės funkcijos	Kasdieniams vartotojams „Firefox“ ar „Edge“, kuriems reikia paprasto, vieno paspaudimo sprendimo pagrindiniams užfiksavimams.	Ne visose naršyklėse (ypač „Chrome“) ir turi labai ribotą pritaikymą.	Pradedantysis
Naršyklės plėtiniai	Beveik visiems—nuo rinkodaros specialistų iki palaikymo komandų—kuriems reikia patikimo, funkcionalaus įrankio su redagavimo ir dalijimosi galimybėmis.	Reikalauja trečiosios šalies plėtinio diegimo; funkcijų kokybė gali labai skirtis.	Pradedantysis
Mobilieji įrenginiai	Užfiksuoti mobiliesiems pritaikytus išdėstymus ar programų turinį tiesiai iš išmaniojo telefono ar planšetinio kompiuterio.	Gali būti nepatogu; kokybė gali būti ne tokia aukšta kaip darbalaukio užfiksavimų.	Pradedantysis

Ši lentelė suteikia jums greitą apžvalgą, padedančią pasirinkti tinkamą kelią prieš pradedant žingsnis po žingsnio instrukcijas kiekvienam metodui.

Tinkamo įrankio radimas

Gera žinia ta, kad jums nereikia būti kodavimo genijumi, kad padarytumėte ekrano nuotrauką viso tinklalapio. Nuo integruotų naršyklės komandų iki galingų plėtinių, yra įrankis, kuris puikiai atitinka jūsų poreikius. Šie sprendimai sukurti spręsti šiuolaikinius iššūkius, tokius kaip begalinis slinkimas ir dinamiškas turinys, užtikrinant, kad kiekvieną kartą gautumėte pikselių tikslumo užfiksavimą.

Kitose dalyse mes peržvelgsime geriausius metodus, kad galėtumėte rasti tą, kuris puikiai įsilieja į jūsų darbo eigą.

Naudojant naršyklės paslėptus ekrano nuotraukų įrankius

Prieš galvodami apie trečiųjų šalių įrankių diegimą, pažvelkite, ką jūsų naršyklė jau gali padaryti. Tai šiek tiek paslaptis, tačiau tokios naršyklės kaip Chrome, Firefox ir Edge turi galingus, natūralius įrankius, kurie gali padaryti ekrano nuotrauką viso tinklalapio be jokios papildomos programinės įrangos.

Pastebėjau, kad kūrėjai ir QA specialistai dažnai renkasi šiuos integruotus metodus. Kodėl? Jie yra patikimi, jau įdiegti ir veikia tiesiogiai aplinkoje, kurią naudoja testavimui ir kūrimui. Šis požiūris išvengia privatumo problemų ar galimų konfliktų, kurie kartais kyla naudojant naršyklės plėtinius.

Viso puslapio ekrano nuotraukų atblokavimas „Chrome DevTools“

„Google Chrome“ tikrai nesuteikia „Išsaugoti visą puslapį“ mygtuko akivaizdžiai. Vietoj to, jis paslėpė nepaprastai tikslią užfiksavimo priemonę savo kūrėjų įrankiuose (DevTools). Tai mano pasirinkimas, kai man reikia pikselių tikslumo rezultato, ypač techniniam darbui.

Pasiekti tai yra gana paprasta. Pirmiausia turėsite atidaryti DevTools. Galite dešiniuoju pelės mygtuku spustelėti bet kurioje puslapio vietoje ir pasirinkti „Inspect“, arba tiesiog naudoti klaviatūros spartųjį klavišą:

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

Atidarius DevTools panelę, turėsite atidaryti Komandų meniu. Tai dar vienas greitas klaviatūros spartusis klavišas: Ctrl + Shift + P (Windows/Linux) arba Cmd + Shift + P (Mac). Paieškos juosta iššoks iš karto.

Iš ten tiesiog pradėkite rašyti „screenshot“. Pamatysite keletą parinkčių, tačiau ta, kurios ieškote, yra „Capture full size screenshot.“ Paspauskite ją. „Chrome“ pasirūpins likusia dalimi—slinkimu ir viso puslapio sujungimu—prieš išsaugodamas jį kaip PNG failą tiesiai į jūsų atsisiuntimų aplanką. Lengva.

Mobiliosios įrangos simuliavimas atsakymams

Čia DevTools metodas tikrai spindi: jo integracija su įrenginių emuliatoriumi. Ši funkcija yra žaidimų keitiklis visiems, kurie atlieka reaguojančio dizaino testavimą, nes ji leidžia jums užfiksuoti tinklalapį tiksliai taip, kaip jis atrodytų konkrečiame telefone ar planšetiniame kompiuteryje.

Norėdami pradėti, atidarykite DevTools ir ieškokite „Toggle device toolbar“ ikonos; ji atrodo kaip mažas planšetinis kompiuteris šalia telefono. Paspaudus tai, puslapis iš karto persikrauna į simuliuotą mobilų ekraną. Tada galite naudoti išskleidžiamąjį meniu, kad pasirinkti iš dešimčių populiarių įrenginių, tokių kaip iPhone 14 Pro ar Samsung Galaxy S20 Ultra.

Ši peržiūra yra absoliučiai kritinė, kad patikrintumėte, ar išdėstymai, šriftai ir vaizdai visiškai teisingai atvaizduojami mažesniuose ekranuose prieš užfiksuojant ekrano nuotrauką.

Kai turite mobilųjį vaizdą, tiesiog pakartokite tuos pačius veiksmus kaip anksčiau. Atidarykite Komandų meniu (Ctrl/Cmd + Shift + P), įveskite „screenshot“ ir pasirinkite „Capture full size screenshot.“ Jūs gausite puikų, vertikaliai slenkantį mobilų užfiksavimą. Tai yra tikslus darbo procesas, kurį mačiau naudojant QA inžinierius, kad patvirtintų mobilų pirmą dizainą ilgoje e-komercijos produkto puslapyje.

Natūralūs ekrano nuotraukų įrankiai „Firefox“ ir „Edge“

Nors „Chrome“ reikalauja šiek tiek pasikapstyti, „Firefox“ ir „Edge“ padarė šį procesą daug prieinamesnį vidutiniam vartotojui, tiesiogiai integruodami funkciją į pagrindinę naršyklės sąsają.

• „Firefox“: Tiesiog dešiniuoju pelės mygtuku spustelėkite bet kurioje puslapio vietoje ir pasirinkite „Take Screenshot.“ Iššoks perklas, suteikiantis jums galimybę išsaugoti tai, ką matote, arba išsaugoti visą puslapį. Tai paprastas, dviejų paspaudimų procesas.
• „Microsoft Edge“: Galite naudoti spartųjį klavišą Ctrl + Shift + S arba spustelėti pagrindinį nustatymų meniu (...) ir rasti „Web capture.“ Tai taip pat suteikia jums galimybes užfiksuoti konkretų plotą arba visą puslapį.

Šie integruoti įrankiai yra nepaprastai naudingi, tačiau jie yra tik viena didesnio produktyvumo paveikslo dalis. Jie puikiai atlieka užfiksavimą, tačiau jiems trūksta integruotos darbo eigos, kurią gali pasiūlyti kiti sprendimai. Norėdami tikrai padidinti savo naršyklės efektyvumą, peržiūrėkite mūsų gaires apie geriausius „Chrome“ plėtinius produktyvumui.

Profesionalus patarimas: Kai dirbate su dinamiškais tinklalapiais, kurie įkelia daugiau turinio, kai slinkiate (pagalvokite apie socialinių tinklų srautus), visada rankiniu būdu slinkiu iki puslapio apačios prieš darydamas ekrano nuotrauką. Tai priverčia visus elementus įsikrauti, kad jie iš tikrųjų pasirodytų galutinėje nuotraukoje.

Šių užfiksavimų patikimumas yra labai svarbus, ypač profesionaliose aplinkose, tokiose kaip QA testavimas. Tai beprotiška, tačiau kai kurios komercinės ekrano nuotraukų API turi nesėkmių rodiklius, svyruojančius nuo 28% iki stulbinančių 75%, tuo tarpu geriausios klasės sugeba išlaikyti apie 6%. Šis didelis skirtumas tikrai pabrėžia, kodėl turėti patikimą, integruotą metodą yra taip vertinga, ypač kūrėjams, kurie turi užfiksuoti sudėtingas vieno puslapio programas su daug JavaScript atvaizdavimo.

Naudojant naršyklės plėtinius: gilus žvilgsnis į ShiftShift

Nors integruoti naršyklės įrankiai atlieka užduotį, kad būtų padaryta pagrindinė ekrano nuotrauka, jie gali pasirodyti šiek tiek nepatogūs ir lėti, kai judate greitai. Čia geras naršyklės plėtinys tikrai spindi, suteikdamas jums daug greitesnį ir intuityvesnį būdą padaryti ekrano nuotrauką viso tinklalapio. Nuoširdžiai, bet kam, kas tai turi daryti reguliariai, plėtiniai yra žaidimų keitiklis.

Vietoj to, kad kapstytumėtės per kūrėjų meniu, gaunate paprastą vieno paspaudimo sprendimą. Daugelis netgi siūlo patogias funkcijas, tokias kaip redagavimo įrankiai, anotacijos ar debesų saugykla. Šie plėtiniai sukurti realioms užduotims, nesvarbu, ar esate rinkodaros specialistas, išsaugantis konkurento nusileidimo puslapį, ar dizaineris, ieškantis įkvėpimo.

ShiftShift ekrano nuotraukų darbo eiga

Tarp daugybės pasirinkimų, ShiftShift plėtinių ekosistema siūlo tikrai unikalų požiūrį. Tai ne tik dar vienas ekrano nuotraukų įrankis; tai funkcija, įtraukta į didesnę produktyvumo paketą, kurį galite pasiekti per vieną galingą komandų sąsają. Tai visiškai keičia, kaip jūs galvojate apie naršyklės įrankius.

Visi veiksmai vyksta per Komandų paletę. Tiesiog dukart paspauskite Shift klavišą, ir ji iššoks. Jei jums patinka klaviatūros spartieji klavišai, Cmd+Shift+P „Mac“ arba Ctrl+Shift+P „Windows/Linux“ taip pat veikia. Kai ji atidaryta, galite daryti viską, niekada nesiekdami pelės.

Pirmo viso puslapio ekrano nuotraukos užfiksavimas

Visas procesas sukurtas greičiui. Kai Komandų paletė aktyvi, tiesiog pradėkite rašyti „screenshot“. Išmanioji paieška iš karto parodo viso puslapio ekrano nuotraukų įrankį. Jokių medžiagų ieškojimų per meniu.

Iš ten pamatysite tris paprastas parinktis, kiekviena skirta skirtingai situacijai:

• Matoma sritis: Tai užfiksuoja tiksliai tai, kas šiuo metu yra jūsų ekrane, tarsi standartinė ekrano nuotrauka, bet be viso naršyklės chromo.
• Pasirinktinė atranka: Puikiai tinka sutelkti dėmesį į konkretų grafiką, vaizdą ar citatą. Tiesiog spustelėkite ir vilkite, kad nubrėžtumėte dėžutę aplink tai, ko jums reikia.
• Visas puslapis: Tai yra tai, ko mes ieškome. Pasirinkite ją, ir įrankis automatiškai slenka žemyn puslapyje, užfiksuodamas viską ir sujungdamas į vieną puikų, vientisą vaizdą.

Pasirinkę parinktį, užfiksavimas bus paruoštas per kelias sekundes. Tada galite išsaugoti jį kaip PNG arba JPEG failą. Visa eiga—nuo paletės iškvietimo iki failo išsaugojimo—gali užtrukti mažiau nei penkias sekundes.

Reali magija ShiftShift požiūryje nėra tik užfiksavimas, bet kaip sklandžiai jis įsilieja į kitas užduotis. Jis ištraukia specializuotus įrankius iš jų silo ir įdeda juos į vieną, pagal poreikį darbo eigą.

Tokio tipo integracija yra didžiulis laiko taupymas. Įsivaizduokite, kad esate dizaineris, kuriantis nuotaikų lentą. Galite užfiksuoti viso puslapio ekrano nuotrauką iš svetainės, o tada, nepalikdami Komandų paletės, iš karto paleisti Vaizdo konverterio įrankį, kad jį pakeistumėte į WebP failą geresniam našumui. Atstovai negali pasiūlyti tokios sklandžios patirties.

Kodėl integracija ir privatumas yra svarbūs

Kas iš tikrųjų išskiria ShiftShift požiūrį, yra jo pagrindinės principai: privatumas ir našumas. Pasaulyje, kuriame visi esame labiau sąmoningi apie savo duomenis, tai yra didelis dalykas.

• 100% vietinis apdorojimas: Kiekvienas veiksmas, nuo pačios ekrano nuotraukos iki failo konvertavimo, vyksta tiesiai jūsų naršyklėje. Nieko niekada nesiunčiama į nuotolinį serverį.
• Veikia visiškai neprisijungus: Kadangi viskas vyksta lokaliai, galite naudoti ekrano nuotraukų įrankį ir kitus įrankius, net jei jūsų internetas nutrūksta.
• Privatumas, orientuotas į dizainą: Plėtinys neseka jūsų veiklos ir nesirenka jokios jūsų asmeninės informacijos. Tai, ką darote, lieka jūsų kompiuteryje.

Šis vietinis dizainas reiškia, kad jūsų užfiksavimai yra ne tik greiti, bet ir visiškai saugūs. Kūrėjams ar bet kam, dirbančiam su jautria informacija—pvz., vidinėmis įmonės puslapiais ar neišleistais produkto dizainais—tai yra kritiška. Galite drąsiai padaryti ekrano nuotrauką viso tinklalapio, žinodami, kad duomenys niekada nepalieka jūsų kompiuterio. Jei ieškote daugiau įrankių, sukurtų su šiuo privatumo pirmumo požiūriu, mūsų sąrašas geriausių „Chrome“ plėtinių kūrėjams yra puikus pradžios taškas.

Žinoma, be integruotų galimybių, yra daugybė kitų puikių plėtinių. Norėdami rasti tinkamą variantą, verta ištirti, kas laikoma geriausiu „Chrome“ ekrano užfiksavimo plėtiniu skirtingiems poreikiams, nes kai kurie geriau tinka anotavimui, o kiti puikiai tinka vaizdo įrašams.

Galų gale, turėti patikimų, sujungtų įrankių rinkinį, kurį galite iškviesti klaviatūros spartiuoju klavišu, yra galingas alternatyva, palyginti su dešimties vieno tikslo plėtinių valdymu. Tai sumažina netvarką ir padaro visą jūsų naršyklės patirtį sklandesnę.

Kai viso puslapio ekrano nuotraukos nepavyksta

Net patikimiausi įrankiai gali susidurti su problemomis bandydami užfiksuoti visą puslapį. Šiuolaikinės svetainės yra sudėtingos, ir viskas gali tapti chaotiška. Paspaudžiate užfiksuoti, o rezultatas yra... ne tai, ko norėjote. Galbūt antraštė kartojasi puslapyje, trūksta vaizdų, arba užfiksavimas tiesiog sustoja per vidurį.

Tai dažna patirtis, bet nesijaudinkite—dauguma šių klaidų turi stebėtinai paprastus sprendimus. Kadangi pasaulinė interneto vartotojų populiacija turėtų pasiekti 68%, poreikis švariems, tiksliems vizualiniams įrašams analizei ir dokumentacijai tik auga. Galite giliau pasinerti į naujausias svetainių įsitraukimo tendencijas, kad pamatytumėte, kiek daug skaitmeninio sąveikos vyksta.

Pereikime prie kai kurių dažniausiai pasitaikančių galvos skausmų, su kuriais susidūriau, ir, svarbiausia, kaip juos išspręsti.

Kaip spręsti lipnias antraštes ir poraštės

Tai greičiausiai yra pagrindinė problema, su kuria susiduria žmonės. Žinote tas navigacijos juostas ar pokalbių langus, kurie lieka prilipę prie viršaus arba apačios ekrano, kai slenkate? Jie vadinami „lipniais“ arba „fiksuotais“ elementais.

Kai ekrano nuotraukų įrankis užfiksuoja puslapį dalimis ir sujungia jį, jis gali netyčia paimti tą lipnią antraštę kiekviename sujungtame segmente. Galutinis vaizdas baigiasi su erzinančia kartojančia antrašte, kuri uždengia jūsų turinį.

Profesionalus patarimas: Kai kurie protingesni naršyklės plėtiniai sukurti tam, kad tai tvarkytų. Pavyzdžiui, įrankis iš ShiftShift dažnai yra pakankamai protingas, kad atpažintų šiuos fiksuotus elementus ir teisingai sujungtų galutinį vaizdą, visiškai išvengiant kartojimo.

Jei jūsų įrankis nėra toks pažangus, yra greitas rankinis sprendimas. Naudokite naršyklės kūrėjo įrankius, kad laikinai paslėptumėte elementą. Tiesiog dešiniuoju pelės mygtuku spustelėkite lipnią antraštę, pasirinkite „Tikrinti“, raskite jos kodą ir pridėkite greitą stiliaus taisyklę, pvz., display: none;. Problema išspręsta.

Kodėl trūksta mano vaizdų?

Ar kada nors padarėte ekrano nuotrauką ilgo straipsnio, tik kad rastumėte tuščias baltas dėžes, kur turėtų būti gražūs vaizdai? Tai beveik visada dėl tingaus užkrovimo. Tai našumo triukas, kai svetainės neįkelia vaizdų, kol neslinkate jų į matomumą.

Jei jūsų ekrano nuotraukų įrankis slenka greičiau nei vaizdai gali pasirodyti, jis tiesiog užfiksuoja tuščius vietininkus. Sprendimas yra stebėtinai paprastas.

• Pirmiausia, lėtai slinkite. Prieš galvodami apie užfiksavimą, rankiniu būdu slinkite iki puslapio apačios. Neskubėkite.
• Tada, tiesiog palaukite sekundę. Leiskite visiems vaizdams ir kitam turiniui visiškai užsikrauti.
• Dabar, suaktyvinkite ekrano nuotrauką.

Šis mažas manevras įkelia viską į naršyklės talpyklą, todėl viskas yra paruošta, kai įrankis atlieka savo darbą. Veikia kaip žavesys beveik kiekvieną kartą.

Puslapių užfiksavimas už prisijungimo

Bandote užfiksuoti ekrano nuotrauką privačiame informacijos suvestinėje ar tik nariams skirtame puslapyje? Čia dauguma internetinių ekrano nuotraukų paslaugų nepavyksta. Jos nemato puslapio, nes, na, jos nėra prisijungusios kaip jūs.

Štai kodėl naršyklės plėtiniai yra geriausias sprendimas. Plėtinys, pavyzdžiui, ShiftShift, veikia tiesiai jūsų naršyklėje, kuri jau yra autentifikuota. Jis mato tai, ką matote jūs. Tai reiškia, kad jis gali be vargo užfiksuoti turinį už prisijungimo, korporatyvinio ugniasienio ar net vietiniame servery, kurį naudojate kūrimui.

Nereikia dalintis prisijungimo duomenimis ir jokių sudėtingų nustatymų. Tiesiog naršykite į puslapį ir spustelėkite užfiksuoti. Tai saugus, vietinis požiūris, kuris tiesiog veikia.

Greitas trikčių šalinimo vadovas

Net ir geriausiai pasiruošus, galite susidurti su kliūtimi. Sudariau šią greito nuorodų lentelę, kad padėčiau jums diagnozuoti ir išspręsti dažniausiai pasitaikančias problemas.

Dažniausiai pasitaikančių ekrano nuotraukų problemų sprendimas

Problema	Priežastis	Sprendimas
Kartojančios antraštės/poros	„Lipnūs“ arba „fiksuoti“ elementai užfiksuojami kiekviename sujungtame segmente.	Naudokite protingą plėtinį, kuris tai automatiškai tvarko, arba naudokite naršyklės kūrėjo įrankius, kad laikinai paslėptumėte elementą su display: none;.
Trūksta vaizdų ar turinio	Puslapis naudoja tingų užkrovimą, o turinys nebuvo užkrautas prieš užfiksavimą.	Rankiniu būdu lėtai slinkite iki puslapio apačios, kad užkrautumėte visus išteklius, palaukite akimirką, tada pradėkite ekrano nuotrauką.
Užfiksavimas nepavyksta per vidurį	Dažnai nutinka su begalinio slinkimo puslapiais, kurie nuolat užkrauna naują turinį.	Rankiniu būdu slinkite žemyn, kad užkrautumėte norimą turinį prieš užfiksavimą. Įrankis gali matyti tik tai, kas jau užkrauta.
Neteisingas užfiksavimas	Įrankis yra sumišęs dėl sudėtingų CSS animacijų ar dinamiškų išdėstymų.	Pabandykite pakeisti naršyklės lango dydį arba palaukite, kol puslapyje baigsis bet kokios animacijos, prieš pradėdami užfiksavimą.
Negalite pasiekti prisijungimo puslapių	Interneto ekrano nuotraukų paslaugos negali perduoti jūsų prisijungimo duomenų.	Naudokite naršyklės plėtinį. Jis veikia jūsų autentifikuotoje sesijoje ir gali matyti viską, ką matote jūs.

Galvokite apie šią lentelę kaip apie pirmąją gynybos liniją. Devynis kartus iš dešimties vienas iš šių paprastų pakeitimų suteiks jums tobulą, švarią ekrano nuotrauką, kurios siekėte.

Kaip daryti slenkamas ekrano nuotraukas savo telefone

Būkime atviri—dauguma mūsų naršo internete savo telefonuose. Daugiau nei pusė viso interneto srauto vyksta mobiliuosiuose įrenginiuose, todėl žinoti, kaip užfiksuoti viso puslapio ekrano nuotrauką savo įrenginyje, yra įgūdis, kurį nuolat naudosite.

Laimei, jums nebereikia ieškoti trečiųjų šalių programų. Tiek iOS, tiek Android turi elegantiškas, integruotas funkcijas, kurios tai puikiai tvarko. Nesvarbu, ar išsaugote ilgą straipsnį skrydžiui, archyvuojate internetinio užsakymo patvirtinimą, ar tiesiog laikote konkurento mobiliosios svetainės įrašą, stebėtinai paprasta gauti švarią, nuolatinę viso puslapio nuotrauką.

Viso puslapio užfiksavimas iPhone

Jei esate iPhone, „Apple“ turi puikų viso puslapio užfiksavimo įrankį, integruotą tiesiai į „Safari“. Tai viena iš tų elegantiškų „tiesiog veikia“ funkcijų. Vienintelis trūkumas? Galutinis rezultatas išsaugomas kaip PDF, o ne kaip standartinis vaizdo failas, pavyzdžiui, PNG. Archyvavimui ar dokumentų dalijimuisi tai dažnai yra net geriau.

Procesas prasideda kaip bet kuri kita ekrano nuotrauka, kurią darytumėte.

1. Pirmiausia atidarykite puslapį, kurį reikia išsaugoti, Safari.
2. Paspauskite įprastą ekrano nuotraukų derinį savo iPhone modelyje (paprastai tai yra Šoninis mygtukas ir Garso didinimo mygtukas kartu).
3. Mažas miniatiūrinis peržiūros langelis pasirodys kairiajame apatinėje kampe. Turite jį spustelėti iš karto, kol jis dings.

Kai spustelėsite peržiūrą, pateksite į redagavimo ekraną. Pažvelkite į viršų, ir pamatysite dvi parinktis: „Ekranas“ ir „Visas puslapis“.

Tiesiog spustelėkite „Visas puslapis“. Dešinėje pusėje pasirodys viso slenkamo puslapio peržiūra. Galite net perkelti mažą slankiklį, kad slinktumėte per visą puslapį ir įsitikintumėte, kad užfiksavote viską, ko jums reikia.

Kai būsite patenkinti, spustelėkite „Baigti“ kampe ir pasirinkite „Išsaugoti PDF failuose“. Ir viskas. Jūs turite puikiai išsaugotą svetainės PDF, paruoštą naudoti. Manau, kad šis metodas yra labai patikimas tekstui turtingam turiniui, pavyzdžiui, tinklaraščio įrašams ar naujienų straipsniams.

Kaip daryti slenkamą ekrano nuotrauką Android

Android pasaulyje viskas yra šiek tiek fragmentuota, tačiau gera žinia ta, kad dauguma šiuolaikinių telefonų iš „Google“, „Samsung“, „OnePlus“ ir kitų turi šią funkciją. Ji gali būti vadinama „Slenkama ekrano nuotrauka“, „Slinkimo užfiksavimas“ arba panašiai, bet idėja ta pati.

Pradėsite daryti ekrano nuotrauką įprastu būdu.

• Paspauskite Maitinimo ir Garso mažinimo mygtukus vienu metu.
• Pasirodys peržiūra, tačiau taip pat pamatysite mažą įrankių juostą apačioje. Atkreipkite dėmesį į ikoną su rodyklėmis, nukreiptomis žemyn, dažnai pažymėtą „Užfiksuoti daugiau“ arba „Slinkti“.

Spustelėjus tą mygtuką, ekranas automatiškai slenka žemyn ir prideda naują sekciją prie jūsų ekrano nuotraukos. Tiesiog toliau spustelėkite mygtuką, kol užfiksuosite viską, ko norite. Telefonas protingai sujungia viską į vieną ilgą vaizdą, kai einate.

Kai pasieksite puslapio apačią arba užfiksuosite reikiamą sekciją, tiesiog spustelėkite bet kur ant ekrano, kad sustabdytumėte procesą. Galutinė, pailga ekrano nuotrauka išsaugoma tiesiai jūsų nuotraukų galerijoje kaip vienas vaizdas (paprastai PNG arba JPG), kuris puikiai tinka, kai reikia vizualinio įrašo.

Tai veikia kaip žavesys daugumoje svetainių. Tačiau mačiau, kad ji stringa puslapiuose su labai sudėtingais išdėstymais arba elementais, kurie užsikrauna slenkant (tingus užkrovimą). Jei gaunate ekrano nuotrauką su trūkstamais vaizdais ar netinkamu išdėstymu, štai profesionalus patarimas: slinkite iki puslapio apačios patys prieš pradėdami ekrano nuotraukų procesą. Tai priverčia visą turinį užsikrauti, suteikdama užfiksavimo įrankiui visą puslapį, su kuriuo dirbti.

Tinkamo ekrano nuotraukų metodo pasirinkimas jūsų užduočiai

Žinoti, kaip užfiksuoti visą puslapį, yra puikus pradžia, tačiau tikrasis įgūdis slypi tinkamo įrankio pasirinkime. Tai skiria nepatogų darbo procesą nuo efektyvaus. Nėra vieno geriausio metodo—yra tik tinkamas įrankis tam, ką jums reikia padaryti dabar.

Galvokite apie tai kaip apie mechaniko įrankių dėžę. Nenaudotumėte didžiulio raktų ant mažo varžto. Lygiai taip pat, paleisti „Chrome DevTools“ tik tam, kad išsaugotumėte receptą, greičiausiai yra per daug. Kita vertus, paprastas naršyklės plėtinys gali nesuteikti jums tikslumo, kurio reikia kritiniam klaidų pranešimui.

Įrankio pritaikymas vartotojui

Pasižiūrėkime, kaip skirtingi profesionalai gali tai spręsti. Jūsų vaidmuo dažnai lemia jūsų prioritetus, nesvarbu, ar tai būtų greitis, pikselių tikslumas, ar tiesiog patogumas.

• Kokybės užtikrinimo inžinieriui: Jūsų darbas gyvena ir miršta nuo tikslumo. Chrome DevTools yra jūsų pasirinkimas, norint išspręsti reaguojančio dizaino problemas ir dokumentuoti vizualines klaidas su visišku tikslumu. Tačiau greitam vartotojų srautų užfiksavimui ar smulkių UI ypatumų žymėjimui plėtinys, pavyzdžiui, ShiftShift, yra daug greitesnis ir leidžia jums likti zonoje.
• Rinkodaros specialistui: Nuolat archyvuojate konkurentų skelbimus, išsaugote gražias nusileidimo puslapius įkvėpimui ir dokumentuojate savo kampanijas. Greitis ir organizacija yra viskas. Patikimas naršyklės plėtinys yra jūsų geriausias draugas, leidžiantis jums užfiksuoti, išsaugoti ir rūšiuoti vizualus be didelių pastangų.
• Paprastam vartotojui: Laikykite tai paprasta. Integruoti ekrano nuotraukų įrankiai „Firefox“, „Edge“ ar jūsų telefone yra daugiau nei pakankami. Jie yra švarūs, lengvai naudojami ir tvarko daugumą kasdienių poreikių be jokių papildomų atsisiuntimų ar staigaus mokymosi kreivės.

Kai esate toli nuo savo stalo, pasirinkimas yra dar paprastesnis, kaip rodo šis sprendimų medis mobiliesiems ekrano nuotraukoms.

Kaip matote, tiek iOS, tiek Android suteikia natūralią galimybę užfiksuoti visą slenkamą puslapį, nors tikslūs žingsniai ir galutinis rezultatas gali šiek tiek skirtis.

Tikslas yra pereiti nuo žinojimo kaip prie supratimo kada ir kodėl. Šis strateginis požiūris taupo laiką ir užtikrina, kad visada gautumėte tobulą rezultatą.

Galų gale, turėti universalią priemonę kišenėje yra neįkainojama. Kartais statinis vaizdas nėra pakankamas, ir jums gali prireikti kažko dinamiškesnio, pavyzdžiui, interaktyvių žingsnis po žingsnio gidų kūrimo mokymams ar pagalbos dokumentams. Jei ieškote galingo įrankio, kuris sujungia ekrano nuotraukas su redagavimo funkcijomis be didelės kainos, geras nemokamas Snagit alternatyva gali būti puikus pasirinkimas jūsų darbo procesui.

Turite klausimų? Mes turime atsakymus

Jūs žinote metodus, tačiau kai kurios sudėtingos situacijos visada iškyla bandant užfiksuoti visą puslapį. Pasižiūrėkime į keletą dažniausiai pasitaikančių klausimų, kuriuos girdžiu.

Koks geriausias formatas ekrano nuotraukai išsaugoti?

Tai iš tikrųjų priklauso nuo to, kam naudojate ekrano nuotrauką. Daugumai dalykų, ypač viskam, kas susiję su tekstu ar aštriais vartotojo sąsajos elementais, PNG yra geriausias pasirinkimas. Tai „be nuostolių“ formatas, kas yra elegantiškas būdas pasakyti, kad jis neišmeta jokių duomenų, kad failas būtų mažesnis, todėl kiekvieną kartą gaunate tobulą, aiškų vaizdą.

Bet ką daryti, jei reikia išsiųsti tą ekrano nuotrauką el. paštu arba įkelti ją į projektų valdymo įrankį su failo dydžio apribojimais? Čia JPEG yra naudingas. Jis žymiai sumažina failo dydį, tačiau tai daro aukodamas šiek tiek kokybės. Bendrai dalijantis, tai dažnai yra visiškai gerai, tačiau detaliam dizaino atsiliepimui ar klaidų pranešimams, laikykitės PNG.

Mano taisyklė: Naudokite PNG kokybei ir tikslumui. Naudokite JPEG, kai mažas, lengvai dalijamas failas yra svarbesnis už pikselių tikslumą.

Ar galiu iš tikrųjų užfiksuoti puslapį su begaliniu slinkimu?

Aha, klasikinė begalinio slinkimo problema. Pagalvokite apie savo „Twitter“ ar „LinkedIn“ srautą. Dauguma įrankių gali „matyti“ ir užfiksuoti tik tai, kas šiuo metu užkrauta puslapyje, todėl jie užstringa.

Sprendimas yra stebėtinai paprastas. Turite slinkti patys. Tiesiog rankiniu būdu slinkite žemyn puslapyje, kol visas turinys, kurį norite užfiksuoti, bus užkrautas. Kai viskas bus ten, tada suaktyvinkite savo ekrano nuotraukų įrankį, nesvarbu, ar tai būtų kūrėjo įrankiai, ar plėtinys. Taip įrankis turi visą vaizdą, su kuriuo dirbti.

Ar naršyklės plėtiniai iš tikrųjų yra saugūs naudoti?

Tai protingas klausimas. Jūs teisūs būti atsargūs, nes plėtiniai dažnai reikalauja leidimo skaityti, kas yra jūsų ekrane. Triukas yra laikytis gerai vertinamų plėtinių, kurie atvirai informuoja, kaip jie tvarko jūsų duomenis.

Geriausi plėtiniai apdoroja viską lokaliai, tiesiai jūsų pačių mašinoje. Pavyzdžiui, plėtinys, pavyzdžiui, ShiftShift Extensions, atlieka visą savo magiją jūsų naršyklėje. Jis niekada nesiunčia jūsų ekrano nuotraukos į išorinį serverį, todėl jūsų informacija lieka visiškai privati. Prieš įdiegdami bet kurį plėtinį, visada gerai greitai patikrinti jo leidimus ir perskaityti jo privatumo politiką.

---

Jei ieškote greito, privataus ir galingo įrankio, ShiftShift Extensions ekosistema yra verta dėmesio. Ji suteikia galimybę daryti viso puslapio ekrano nuotraukas ir daugybę kitų naudingų funkcijų vienoje vietoje. Daugiau informacijos apie tai, kaip tai veikia, galite rasti https://shiftshift.app.