Captureu captures de pantalla de desplaçament de pàgines web a mida completa a Chrome

Taula de continguts:

Anonim

El navegador Google Chrome ofereix dues maneres de capturar captures de pantalla de pàgines web a mida completa. Això pot ser necessari o útil per a molts treballadors web, ja siguin desenvolupadors, dissenyadors, editors, gestors, escriptors, analistes o gairebé qualsevol altra actuació basada en web.

Els enfocaments que tractarem per capturar captures de pantalla de pàgines web a mida completa amb Chrome requereixen la versió completa de Chrome per a qualsevol dispositiu d'escriptori, que inclou Mac, Windows, Linux i Chromebook.No calen connectors, ja que utilitzarem eines de desenvolupador integrades amb Chrome.

nota que estem cobrint el navegador Chrome per a ordinadors aquí. També podeu fer captures de pantalla de pàgina sencera amb Firefox, Safari al Mac i Safari per a iPhone i iPad, si ho necessiteu o ho preferiu.

Com capturar captures de pantalla de desplaçament a mida completa a Chrome

Esteu preparat per agafar una captura de pantalla a mida completa d'una pàgina web a Chrome? Això és el que cal fer:

  1. Obre Chrome Developer Tools (Mostra > Developer Tools > Developer Tools)
  2. Feu clic al botó Mode de disseny responsiu al calaix d'eines per a desenvolupadors
  3. Desplaceu-vos cap avall per tota la pàgina web perquè es carreguin totes les imatges (això és important per capturar imatges de càrrega mandrosa, una tècnica habitual que s'utilitza per accelerar les pàgines web)
  4. Feu clic als tres punts verticals a l'extrem superior dret de l'eina de disseny responsiu i trieu "Captura una captura de pantalla a mida completa"
  5. La captura de pantalla a mida completa apareixerà a la carpeta predeterminada de baixades de Chrome

Al Mac trobareu la captura de pantalla a mida completa de la pàgina web disponible a Baixades d'usuari, tret que ho hàgiu canviat manualment.

Les dimensions de la captura de pantalla capturada variaran en funció del dispositiu que trieu en mode de resposta, per exemple, si heu triat l'iPad Air i heu fet una captura de pantalla de desplaçament a mida completa de la pàgina d'inici d'osxdaily.com, la vostra captura de pantalla pot ser al voltant de 2084 × 16439 píxels. Òbviament, com més llarg sigui una pàgina o

Si no us desplaceu per una pàgina web sencera, la captura de pantalla no capturarà cap imatge carregada amb mandrosa, la qual cosa farà que la captura de pantalla de la pàgina completa sigui incompleta i no sigui representativa del que veu un usuari a la pàgina.

Captura de captures de pantalla de pàgina completa a Chrome mitjançant la consola

Una altra manera de fer captures de pantalla de pàgina completa a Chrome és utilitzar l'ordre "Executar" de la consola del desenvolupador i escriure "captura de pantalla" i, a continuació, triar "Captura de pantalla a mida completa" a les opcions que apareixen. Assegureu-vos de desplaçar-vos per tota la pàgina web abans de fer-ho també.

Aquesta pot ser una millor opció per a alguns usuaris, però és una mica més complex per a aquells que estan menys familiaritzats amb les línies d'ordres.

Són aquests mètodes per a Chrome més fàcils que els disponibles a Safari per a Mac amb Eines per a desenvolupadors? O el mètode super senzill de fer captures de pantalla completes de la pàgina web al Mac amb Firefox? O la manera encara més fàcil de fer captures de pantalla de pàgina completa amb iPhone o iPad? Això depèn de vos altres per decidir, i també probablement depèn del navegador que feu servir més sovint i de la vostra competència amb cadascun d'ells.

Captureu captures de pantalla de desplaçament de pàgines web a mida completa a Chrome