Amit tudni kell
- Számítógépen: Nyomja meg a Ctrl + Shift + I, majd a Ctrl + Shift P.
- Mac: Nyomja meg a Command + Option + I gombot, majd a Command + Shift P.
- Ezután írja be a „screenshot” kifejezést a négy képernyőkép opció megtekintéséhez.
Ez a cikk elmagyarázza, hogyan készíthet képernyőképeket a Chrome-ban a fejlesztői eszközök segítségével.
A Chrome fejlesztői eszközeinek használata képernyőképek készítéséhez
A Print Screen gomb és a Chrome eszköz közötti különbség az, hogy a Chrome képernyőképező eszköz nem tartalmazza a Chrome böngészőablak szegélyeit – csak a weboldal tartalmát. Ha csak az oldal tartalmát szeretné rögzíteni a képernyőképek szerkesztése nélkül, a fejlesztői eszközök megspórolhatnak egy lépést.
A fejlesztői eszközök eléréséhez menüket vagy billentyűparancsokat használhat.
-
Nyomja meg a Ctrl + Shift + I billentyűket PC-n, vagy Command + Option + I Mac gépen. Másik megoldásként kattintson a hárompontos menüikonra, és válassza a További eszközök > Fejlesztői eszközök Ezzel megnyílik az Element Inspector fejlesztői menüje, amely a weboldal HTML kódolás.
Image -
Ezután nyomja meg a Ctrl + Shift P (PC) vagy a Command + Shift P (Mac) billentyűt, vagy kattintson a hárompontos menüre a Customize and Control DevTools elemhez, és válassza a Run Command.
Image Csak normál vagy teljes méretű képernyőképhez kattintson a hárompontos menüikonra a rögzíteni kívánt oldal tetején, és válassza a Képernyőkép rögzítése vagy lehetőséget. Készítsen teljes méretű képernyőképet.
-
Írja be a „screenshot” kifejezést a képernyőkép opciók megtekintéséhez, amelyek a következők:
- Képernyőkép rögzítése a területről
- Rögzítsen teljes méretű képernyőképet
- Csomópont képernyőképének rögzítése
- Képernyőkép készítése
Image - Görgessen le a képernyőkép típusának kiválasztásához, amelyet az egérrel vagy a billentyűzet nyílbillentyűivel szeretne rögzíteni.
Chrome fejlesztői képernyőkép beállításai
Válassza ki a A terület képernyőképének rögzítése lehetőséget a képernyő egy részének megragadásához. Az egérrel húzzon egy dobozt a képernyőképet készíteni kívánt terület köré.
Egy teljes weboldal képernyőképének megtekintéséhez válassza a Teljes méretű képernyőkép rögzítése lehetőséget. Ezzel az opcióval olyan képet kaphat egy weboldalról, amely nem fér el kényelmesen egy képernyőn.
Ez a lehetőség vegyes eredményeket hozott a tesztelés során, a webhelytől függően.
Ha szabványos képernyőképet szeretne, válassza a Képernyőkép rögzítése lehetőséget, amely megragadja a képernyőn látható dolgokat.
Végül képernyőképet készíthet egy HTML-elemről a Capture node screenshot. kiválasztásával
A képernyőkép készítése után megjelenik egy Mentés párbeszédpanel. Válasszon ki egy mappát, és adjon fájlnevet a képernyőképnek. A fejlesztői eszközökkel készített összes képernyőkép a Chrome letöltéskezelőjében is elérhető.
