Capturați capturi de ecran de defilare a paginii web la dimensiune completă în Chrome

Cuprins:

Anonim

Browserul Google Chrome oferă două modalități de a captura capturi de ecran de pagini web la dimensiune completă. Acest lucru poate fi necesar sau util pentru mulți lucrători web, fie că sunt dezvoltatori, designeri, editori, manageri, scriitori, analiști sau aproape orice alt program posibil bazat pe web.

Abordările pe care le vom acoperi pentru a captura capturi de ecran de pagini web la dimensiune completă cu Chrome necesită versiunea completă a Chrome pentru orice dispozitiv la nivel de desktop, care include Mac, Windows, Linux și Chromebook.Nu sunt necesare pluginuri, deoarece vom folosi instrumente pentru dezvoltatori încorporate cu Chrome.

rețineți că aici acoperim browserul Chrome pentru desktop. De asemenea, puteți face capturi de ecran completă cu Firefox, Safari pe Mac și Safari pentru iPhone și iPad, dacă aveți nevoie sau preferați.

Cum să captezi capturi de ecran de defilare la dimensiune completă în Chrome

Ești gata să faci o captură de ecran la dimensiune completă a unei pagini web în Chrome? Iată ce trebuie să faceți:

  1. Deschide Chrome Developer Tools (Afișează > Developer Tools > Developer Tools)
  2. Faceți clic pe butonul Modul Design receptiv din sertarul instrumentelor pentru dezvoltatori
  3. Derulați în jos prin întreaga pagină web, astfel încât toate imaginile să se încarce (acest lucru este important pentru a captura imagini cu încărcare leneșă, o tehnică comună folosită pentru a accelera paginile web)
  4. Faceți clic pe cele trei puncte verticale din colțul din dreapta sus al instrumentului Responsive Design și alegeți „Capture screenshot full size”
  5. Captura de ecran la dimensiune completă va apărea în dosarul implicit de descărcări Chrome

Pe Mac veți găsi o captură de ecran la dimensiunea completă a paginii web disponibilă în Descărcări utilizatori, cu excepția cazului în care ați modificat-o manual.

Dimensiunile capturii de ecran capturate vor varia în funcție de dispozitivul pe care l-ați ales în modul responsive, de exemplu dacă ați ales iPad Air și ați făcut o captură de ecran de defilare la dimensiunea completă a paginii de pornire osxdaily.com. captura de ecran poate fi aproximativ 2084 × 16439 pixeli. Evident, cu cât este mai lungă o pagină sau

Dacă nu parcurgeți o întreagă pagină web, nicio imagine încărcată leneș nu va fi capturată de captură de ecran, ceea ce face ca captura de ecran a întregii pagini să fie incompletă și să nu fie reprezentativă pentru ceea ce vede un utilizator pe pagină.

Captură de capturi de ecran de pagină completă în Chrome prin consolă

O altă modalitate de a face capturi de ecran de pagină completă în Chrome este să utilizați comanda „Run” din consola dezvoltatorului și să tastați „captură de ecran”, apoi alegeți „Capturare captură de ecran la dimensiunea completă” din opțiunile care apar. Asigurați-vă că parcurgeți întreaga pagină web înainte de să faceți și acest lucru.

Aceasta poate fi o opțiune mai bună pentru unii utilizatori, dar este puțin mai complexă pentru cei care sunt mai puțin familiarizați cu liniile de comandă.

Sunt aceste metode pentru Chrome mai ușoare decât cele disponibile în Safari pentru Mac cu Instrumente pentru dezvoltatori? Sau metoda super simplă de a face capturi de ecran complete a paginii web pe Mac cu Firefox? Sau modalitatea și mai ușoară de a face capturi de ecran completă folosind iPhone sau iPad? Depinde de dvs. să decideți și, de asemenea, probabil depinde de browserul pe care îl utilizați cel mai des și de competența dvs. cu fiecare dintre ele.

Capturați capturi de ecran de defilare a paginii web la dimensiune completă în Chrome