Google Chrome -selain tarjoaa kaksi tapaa ottaa täysikokoisia verkkosivun kuvakaappauksia. Tämä voi olla tarpeellista tai hyödyllistä monille verkkotyöntekijöille, olivatpa he kehittäjiä, suunnittelijoita, toimittajia, johtajia, kirjoittajia, analyytikoita tai melkein mitä tahansa muuta mahdollista verkkopohjaista keikkaa.

Katsotettavat menetelmät täysikokoisten verkkosivujen näyttökaappausten ottamiseksi Chromella edellyttävät Chromen täysversiota kaikille työpöytätason laitteille, mukaan lukien Macille, Windowsille, Linuxille ja Chromebookille.Laajennuksia ei tarvita, koska käytämme Chromen kanssa sisäänrakennettuja kehittäjätyökaluja.

huomaa, että käsittelemme Chrome-selaimen tässä työpöydälle. Voit myös ottaa koko sivun kuvakaappauksia Firefoxilla, Macin Safarilla sekä iPhonen ja iPadin Safarilla, jos haluat tai haluat.

Täysikokoisten vierivien kuvakaappausten ottaminen Chromessa

Oletko valmis ottamaan täysikokoisen kuvakaappauksen verkkosivusta Chromessa? Toimi näin:

1. Avaa Chrome Developer Tools (Näytä > Developer > Developer Tools)



2. Klikkaa Responsive Design Mode -painiketta kehittäjän työkalujen vetolaatikossa



3. Vieritä koko verkkosivua alaspäin, jotta kaikki kuvat latautuvat (tämä on tärkeää laiskalatauskuvien ottamiseksi, yleinen tekniikka verkkosivujen nopeuttamiseen)
4. Klikkaa kolmea pystysuoraa pistettä Responsive Design -työkalun oikeassa yläkulmassa ja valitse "Kaappaa täysikokoinen kuvakaappaus"



5. Täysikokoinen kuvakaappaus näkyy Chromen oletuslatauskansiossasi

Macissa verkkosivun täysikokoinen kuvakaappaus on saatavilla käyttäjien latauksissa, ellet ole muuttanut sitä manuaalisesti.

Kaapatun kuvakaappauksen mitat vaihtelevat sen mukaan, minkä laitteen valitsit responsiivisessa tilassa, esimerkiksi jos valitsit iPad Airin ja otit täysikokoisen rullaavan kuvakaappauksen osxdaily.com-kotisivulta, kuvakaappaus voi olla noin 2084 × 16439 pikseliä. Ilmeisesti sivun pidempi tyyli tai

Jos et selaa koko verkkosivua, kuvakaappaus ei kaappaa laiskasti ladattuja kuvia, jolloin koko sivun kuvakaappaus on epätäydellinen eikä edusta sitä, mitä käyttäjä näkee sivulla.

Koko sivun kuvakaappausten ottaminen Chromessa konsolin kautta

Toinen tapa ottaa koko sivun kuvakaappauksia Chromessa on käyttää kehittäjäkonsolin "Suorita"-komentoa ja kirjoittaa "screenshot" ja valita sitten "Kaappaa täysikokoinen kuvakaappaus" näkyviin tulevista vaihtoehdoista. Muista selata koko verkkosivua ennen myös tämän tekemistä.

Tämä saattaa olla parempi vaihtoehto joillekin käyttäjille, mutta se on hieman monimutkaisempi niille, jotka eivät ole perehtyneet komentoriviin.

Ovatko nämä Chromen menetelmät helpompia kuin mitä on saatavilla Safari for Macissa kehittäjätyökaluilla? Tai erittäin yksinkertainen tapa ottaa koko verkkosivun kuvakaappaus Macissa Firefoxin avulla? Tai vieläkin helpompi tapa ottaa koko sivun kuvakaappauksia iPhonella tai iPadilla? Se on sinun päätettävissäsi, ja se riippuu todennäköisesti myös useimmin käyttämästäsi selaimesta ja pätevyydestäsi niiden kanssa.