Principal Google Chrome Faceți captură de ecran a paginii web cu cadrul dispozitivului în Chrome

Faceți captură de ecran a paginii web cu cadrul dispozitivului în Chrome



O caracteristică mai puțin cunoscută a Google Chrome pe sistemele de operare desktop este capacitatea de a captura o captură de ecran a unei pagini deschise ca și cum captura de ecran făcută ar fi fost a browserului care rulează pe un dispozitiv mobil. Poate chiar să adauge un cadru în jurul capturii de ecran, astfel încât să arate ca o fotografie realistă a unui smartphone. Iată cum se poate face.

Există un instrument special în Chrome Developer Tools care vă permite să emulați un dispozitiv mobil. Este foarte util pentru dezvoltatori să verifice cum arată site-urile lor web pe smartphone-uri și dispozitive cu ecran mic. Permite să specificați o dimensiune personalizată a ecranului sau să utilizați dimensiuni predefinite ale dispozitivului, cum ar fi iPhone, iPad, Nexus sau Samsung Galaxy. Odată ce pagina deschisă este afișată în emulatorul dispozitivului, utilizatorul poate captura o captură de ecran a paginii. De asemenea, este posibil să activați un cadru de dispozitiv în jurul paginii, astfel încât să arate ca o fotografie realistă.dispozitiv-cadru-în-acțiune

O puteți face după cum urmează.

  1. Deschideți pagina dorită în Chrome și apăsați F12. Aceasta va deschide Instrumentele pentru dezvoltatori:winaero-com-blog-firefox-drops-all-npapi-plugins-except-flash-iphone-6
  2. Faceți clic pe butonul emulatorului dispozitivului mobil pentru a comuta modul Instrumente pentru dezvoltatori:
  3. Sub selectorul dispozitivului, selectați un dispozitiv. De exemplu, voi selecta iPhone 6:
  4. Acum, faceți clic pe meniul cu 3 puncte din dreapta selectorului dispozitivului și bifați opțiunea „Afișați cadrul dispozitivului”:
  5. Voila, acum pagina ta web este afișată într-un cadru de dispozitiv frumos:

    Acum, faceți clic din nou pe meniul cu trei puncte și selectați „Capturați captura de ecran”:

Rezultatul va fi după cum urmează:

Esti gata.

Articole Interesante

Alegerea Editorului

Scrieți-vă propriul joc Raspberry Pi
Scrieți-vă propriul joc Raspberry Pi
Raspberry Pi este o senzație de calcul, dar a fost inițial conceput cu o intenție cheie: să inspire o nouă generație să privească dincolo de console de jocuri, smartphone-uri și tablete și să adopte calea codului. Dacă sunteți în căutarea
Cum să utilizați Bing AI pe Mac
Cum să utilizați Bing AI pe Mac
Pentru a utiliza Bing Chat pe un Mac, deschideți un browser web și vizitați site-ul web Bing. Conectați-vă la contul Microsoft și apoi selectați pictograma Bing Chat. De acolo, urmați instrucțiunile și sfaturile de pe această pagină pentru utilizarea asistentului Microsoft Bing AI pe Mac.
Cum să obțineți componente în Rimworld
Cum să obțineți componente în Rimworld
Componentele sunt elementele de bază ale practic orice folosiți în Rimworld. Dacă joci un joc fără Componente, nu vei ajunge prea departe. Aveți nevoie de aceste articole pentru a construi nave, arme de foc, dispozitive electrice și altele. Dar cum anume
Cum să adăugați un ton de apel pe iPhone 6S
Cum să adăugați un ton de apel pe iPhone 6S
Când vine vorba de personalizarea iPhone-ului, unul dintre cele mai bune lucruri pe care le puteți face este să personalizați tonul de apel. În timp ce personalizarea pe iPhone lipsește în multe domenii diferite, cel puțin suntem capabili să ne schimbăm
Activați Citirea cu voce tare pentru fișiere PDF în Microsoft Edge Chromium
Activați Citirea cu voce tare pentru fișiere PDF în Microsoft Edge Chromium
Cum se activează citirea cu voce tare pentru fișiere PDF în Microsoft Edge Chromium Microsoft Edge Chromium a primit o îmbunătățire a funcției de citire cu voce încorporată. Acum poate fi activat pentru fișierele PDF pe care le-ați citit în browser.Publicitate Această caracteristică nu este nouă pentru aplicația Edge. Omologul său EdgeHTML moștenit îl avea deja disponibil
Google Earth vs Google Earth Pro
Google Earth vs Google Earth Pro
Cel mai probabil ați auzit despre Google Earth. Dar ați auzit vreodată de fratele său mai mic, Google Earth Pro? Acest articol va analiza în profunzime ambele versiuni ale acestui software popular și va explica tot ce aveți nevoie
Ce este nou în Firefox 54
Ce este nou în Firefox 54
O nouă versiune a popularului browser Mozilla Firefox este disponibilă. Versiunea 54 are capturi de ecran, marcaje mobile, o interfață de utilizator rafinată pentru descărcări și procese de conținut multiproces. Reclamă Începând cu versiunea 54, funcția de conținut multiproces (e10s) este activată în mod implicit. Acest lucru îmbunătățește fiabilitatea Firefox, deoarece dacă o filă se blochează, cealaltă o va face