Jegyzet
A
hotkey, vagyis magyarul
forróbillentyű olyan billentyűzetkombináció, mely lehetővé teszi egy-egy programon belül bizonyos
funkciók gyors elérését, aktiválását. Emiatt szokták
gyorsbillentyűnek is nevezni őket. A gyorsaság itt azt jelenti, hogy hamarabb
érhetjük el a kívánt funkciókat, mintha menüből, egérrel keresgélve próbálnánk megtalálni a hozzáférést.
Természetesen a forróbillentyűk használatához ismerni kell a forróbillentyűket :)
Ez a lap a forróbillentyűk bemutatásáról szól, alapvetően a webszerkesztés szempontjából közelítve meg a témát.
1.
Ctrl+S Alt+Tab F5
Dolgozzunk gyorsabban!
A webszerkesztés folyamata során jellemzően két ablakot biztosan folyamatosan használunk: a szerkesztő programunkat,
amiben a forráskódot írjuk, és egy böngészőt, amiben nyomon követjük a weboldalunk aktuális állapotát.
A kezdők tipikus hibája, hogy a készülő weboldal aktuális állapotát rendszerint úgy nézik meg, hogy amikor kíváncsiak
a helyzetképre, akkor azt megnyitják böngészőben - majd a megtekintés után egyből be is zárják azt. Némi fejlesztgetés után
pedig ez a műveletsor ismétlődik újra és újra. Ne ezt tegyük! Tartsuk folyamatosan nyitva a szerkesztőprogramot is, és
a böngészőt is, benne a készülő weboldalunkkal.
Amikor változtattunk valamit a forráskódon, akkor elmenteni e változást egérrel, majd szintén egérrel átballagni a böngészőhöz, és
ott egérrel befrissíteni az oldal tartalmát - és ezt szükségszerűen jó sokszor elkövetni - meglehetősen időrabló folyamat. Ehelyett
használunk forróbillentyűket az alábbiak szerint:
- Ctrl+S : forráskód elmentése a kódszerkesztőben,
- Alt+Tab : váltás a kódszerkesztő és a böngésző között,
- F5 : a böngésző tartalmának frissítése,
- Alt+Tab : visszaváltás a böngészőből a kódszerkesztő programba.
2.
Ctrl+F5
Frissítsük az egészet!
Látni fogjuk, hogy egy korrekt weboldalnak külön fájlban szerkesztjük a tartalmát (HTML nyelven), és egy másik fájlban
a dizájnját (CSS nyelven). Amikor az F5 gombbal frissítjük az oldalt, akkor valójában csak a tartalmat frissítjük, és
sem a CSS fájlt, sem a képi elemeket nem tölti újra a böngésző, hanem ezeket a gyorsítótárból használja. Ha azt szeretnénk,
hogy a weboldalunknak minden eleme frissüljön - pl. mert a szerkesztés során épp a dizájnon változtattunk a CSS fájlban,
vagy éppen újraszerkesztettünk, netán lecseréltünk egy képet -, akkor a frissítéshez használjuk a Ctrl+F5 billentyűkombinációt.
Nyilván a weboldal teljes tartalmának újratöltése időigényesebb, és nagyobb adatforgalommal jár, ezért nem ez az alapértelmezett
frissítési mód.
- Ctrl+F5 : nemcsak az oldal szöveges tartalma, hanem a dizájn (CSS fájl) és a felhasznált képek is frissülnek a böngészőben.
3.
Ctrl+C Ctrl+V
Másoljunk!
A Ctrl+C és a Ctrl+V billentyűkombinációk vélhetően mindenki számára ismertek - ám ennek ellenére sem tehető meg, hogy
a kritika elkerülése nélkül ne szerepeljenek egy forróbillentyűkkel foglalkozó összefoglalóban. E két kombináció arra való,
hogy szöveges, vagy akár képi tartalmakat (más programokban fájlokat, mappákat és szinte bármi egyebet) tudjunk egyik helyről
a másikra másolni. Olykor arra is szükség lehet - különösen pl. fájlkezelő esetében -, hogy a másolással járó duplázódás helyett
csupán áthelyezzünk dolgokat egyik helyről a másikra. Ebben az esetben a Ctrl+C helyett a Ctrl+X gyorsbillentyű használandó.
- Ctrl+C : a kijelölt tartalom vágólapra másolása (az eredeti helyen való megtartása mellett),
- Ctrl+X : a kijelölt tartalom vágólapra helyezése (az eredeti helyről való kivágással egyidejűleg),
- Ctrl+V : vágólap tartalmának beillesztése a kívánt helyre.
4.
Ctrl+A
Jelöljünk ki mindent!
Ahhoz tehát, hogy bármit is vágólapra tudjunk másolni (helyezni), szükség van arra, hogy a kívánt tartalmat kijelöljük.
A kijelölés leggyakrabban egérrel valósítható meg, ám abban az esetben, amikor egy adott program aktuális ablakának
teljes tartalmát szeretnénk kijelölni, hosszantartó és felesleges művelet ehhez az egérrel bűvészkedni, hiszen a Ctrl+A
forróbillentyűvel ez sokkal gyorsabban megvalósítható.
- Ctrl+A : a teljes tartalom kijelölése.
5.
Ctrl+F Ctrl+H
Cseréljük le az összeset!
Azt, hogy egy hosszabb szövegben valamilyen rövid, néhány karakternyi szövegrészlet keresése a Ctrl+F billentyűzetkombinációval
kezdeményezhető, elég sokan tudjuk. Ám egy forráskód szerkesztésekor gyakran szükség van arra is, hogy ne csak megkeressünk
szövegrészlet-előfordulásokat, hanem azok mindegyikét helyettesítsük is valami egyéb karaktersorozattal. Ilyen eset lehet pl. az,
amikor le kell cserélnünk minden egyes fájlhivatkozás elérési útvonalát valami másra, vagy amikor a programunkban bármely okból
megváltoztatjuk egy változó nevét. Ezekben az esetekben tehát nem elegendő keresni, hanem cserélni is kell tartalmat. Ilyenkor
jelenthet komoly segítséget számunkra a Ctrl+H forróbillentyű.
- Ctrl+F : szövegrészlet keresése,
- Ctrl+H : szövegrészlet cseréje.
6.
Ctrl+Z Ctrl+Y
Vonjuk vissza!
Azt a lehetőséget is sokan ismerjük, hogy szinte minden szerkesztőprogramban az utoljára megvalósított műveletet, vagy műveleteket
a Ctrl+Z paranccsal vissza tudjuk vonni. De vajon az is tudjuk, hogy ha meggondoljuk magunkat, akkor a visszavont műveletet
mégiscsak végrehajthatjuk annak tényleges újragépelése nélkül? Erre a való a Ctrl-Y.
- Ctrl+Z : utolsó művelet(ek) visszavonása,
- Ctrl+Y : a visszavont műveletek mégiscsak végrehajtása (visszavonás visszavonása).
7.
Ctrl+U
Lássuk a forráskódot!
Amikor webszerkesztőként weboldalakkal találkozunk, gyakran láthatunk rajta olyan dolgokat, amik felkelthetik bennünk azt az
érdeklődést, hogy vajon az a dolog hogyan lett megvalósítva - például azért, hogy tanuljunk belőle. Ilyenkor szoktunk
belenézni az oldal forráskódjába, jellemzően a jobb egérgombbal elérhető helyi menü "forrás megtekintése" pontja révén.
Ám ehhez is létezik gyorsabb megoldás, jellemzően minden böngészőben a Ctrl+U.
- Ctrl+U : a böngésző aktuális ablakában található weboldal forráskódjának megtekintése.
8.
F11
Nézzük teljes képernyőn!
Szintén böngésző-specifikus funkció társul az F11 billentyűhöz: hatására a böngészőnket teljes képernyős nézetre
állíthatjuk, értelemszerűen azért, hogy nagyobb felületen láthassuk az aktuális tartalmat - ideiglenesen lemondva ezzel
a böngésző információs sorairól, és a menüsorról. A visszaváltás ugyanezen billentyűvel lehetséges.
- F11 : a böngésző teljes képernyős nézetének bekapcsolása, és kikapcsolása.
9.
F12
Vizsgálódjunk!
A Ctrl+U-hoz hasonlóan az F12 billentyű is a webszerkesztők, webprogramozók munkáját támogatja, és a forráskódot
teszi elérhetővé, ám böngészőkként és verziókként változó módon ugyan, de alapvetően sokkal több lehetőséget kínálva
a fejlesztés támogatásához, például "szétszedve" a kód HTML, CSS, és JavaScript vonatkozású tartalmait.
Idővel érdemes a funkcióval alaposabban is megismerkedni.
- F12 : a weblap-fejlesztést támogató eszközök (Developer Tools) megnyitása.
Itt érdemes megjegyezetni, hogy ezen funkció használatánál gyakran az egér is nagy segítségünkre lehet, hiszen
előfordulhat, hogy kifejezetten egy bizonyos tartalmi elemmel kapcsolatban szeretnénk információt találni a
forráskódban. Ilyenkor a jobb egérgombbal az "Elem vizsgálata", vagy "Vizsgálat" pontra kattintva ugyanúgy a
fejlesztőket támogató felületet tudjuk megnyitni, ám azonnal kifejezetten a vizsgálandó elemhez tartozó
kódrészleteket láthatjuk.
A funkció további előnye lehet - nemcsak webfejlesztők számára -, hogy az esetleg védeni próbált, így picit
nehezebben letölthető tartalmakhoz is könnyebben hozzá lehet férni az itt elérhető forráskódon keresztül.
Tipikusan ilyen lehet például egy instagram poszt valamely képe, de ugyanezzel a módszerrel férhetünk hozzá
jó néhány oldalon a feltöltött videók közvetlen linkjéhez, ahonnan már a videó a Ctrl+S billenytyűkombinációval
megszerezhető ;)
10.
Ctrl+S
Ctrl+O
Mentsük le! Nyissuk meg!
Ha az előzőekben a weboldalak forráskódjáról és tartalmi elemeiről volt szó, akkor érdemes itt megjegyezni
azt is, miként van lehetőség akár letölteni is ezek bármelyikét. Ugyanis olykor ez nem is olyan kézenfekvően
végrehajtható művelet, mert az oldalak tulajdonosai néha nagyon védik a saját tartalmukat. Példát jelenthetnek
erre a közösségi oldalakra feltöltött képek, vagy videók. Ilyen helyzetben nemes egyszerűséggel érdemes lehet
letölteni a teljes aktuális weblapot forráskódostul, és minden egyéb képi tartalommal együtt, majd a saját
gépünkön kimazsolázni a letöltött tartalomból a számunkra érdekes lényeget.
- Ctrl+S : a böngésző aktuális lapján található teljes tartalom letöltése.
Gyakran adódik, hogy egy alkalmazásban - legyen az böngésző, kódszerkesztő, képszerkesztő, vagy szinte bármi egyéb
program - hirtelen akarunk új tartalmat megnyitni, ám az
Open menüpont épp nem kézenfekvő helyen található
- mint pl. a népszerű böngészőkben -, vagy csupán gyorsabban szeretnénk dolgozni, mintha egérrel kóvályognánk
a képernyőn. Ekkor jöhet jól a megnyitás szinte mindenhol működő forróbillentyűje:
11.
Ctrl++
Ctrl+-
Ctrl+0
Nagyítsunk! Kicsinyítsünk!
Amikor weboldalt szerkesztünk, látvány tekintetében sokszor akár pixelnyi különbségeken is képesek vagyunk önmagunkkal
vitatkozni. Nyilván ennek gyakran semmi értelme, de ez ilyen helyzetben nem igazán szokott minket zavarni. Ebben az
esetben segíthet döntéseket hozni, ha ránagyítunk a weboldalra, és jobban látjuk a különbségeket. Mint ahogyan szintén
a weboldal méretével játszadozunk akkor is, amikor belenagyítunk, vagy a teljes tartalmat lekicsinyítjük annak érdekében,
hogy lássuk, más felbontás mellett hogyan viselkedik az oldal. Mindezt megtehetjük a Ctrl gomb nyomva tartása mellett
az egér középső gombjának tekergetésével is, de természetesen gyorsbillentyűs megoldás is létezik:
- Ctrl és + : az oldal tartalmának nagyítása,
- Ctrl és - : az oldal tartalmának kicsinyítése,
- Ctrl és 0 : az oldal tartalmának visszaállítása az eredeti felbontásra.
12.
Ctrl+PageUp Ctrl+PageDown
Ctrl+1..8
Ctrl+9
Lapozzunk!
Böngészőkről és forróbillentyűkről beszélgetve illik megemlíteni azokat a lehetőségeket is, melyekkel a böngésző lapjai
között lehet váltani az egér használatánál olykor gyorsabb módszerrel is. Ezek az alábbiak:
- Ctrl+PageUp : lapozás a fülek között balra,
- Ctrl+PageDown : lapozás a fülek között jobbra,
- Ctrl+1..8 : ugrás az adott sorszámú lapra, ahol a számozás balról az 1-es számmal indul,
- Ctrl+9 : ugrás az utolsó (jobb oldali) lapra.
13.
Ctrl+T Ctrl+Shift+T
Ctrl+F4
Zárjuk be! Nyissuk újra!
És ha az előző pontban már a böngésző lapjainál jártunk, nézzük meg azt is, hogyan lehet nyitni-zárni őket:
- Ctrl+T : új lap megnyitása,
- Ctrl+F4 : aktuális lap bezárása,
- Ctrl+Shift+T : utoljára bezárt lap újbóli megnyitása.
14.
Ctrl+Shift+N
Ne hagyjunk nyomot!
Böngészésünk során, bármerre is járunk, nagyon sok nyomot hagyunk magunk után. Az interneten is, és a saját gépünkön is.
Az előbbire viszonylag kevés ráhatásunk van - erről
itt olvashatunk részletesebben -,
de az utóbbit könnyedén "megúszhatjuk". Erre találták ki a böngészés inkognitó módját, amit a Ctrl+Shift+N billentyűkombinációval
lehet megnyitni.
Az elnevezés erősen megtévesztő,
ugyanis inkognitó módban sem leszünk ismeretlenek a különféle meglátogatott webszerverek szemszögéből nézve, de azt valóban
elérjük így, hogy a saját gépünkön később nem lesz visszakereshető, merre jártunk, mit csináltunk. Ez nemcsak akkor jöhet jól,
ha más is használja ugyanazt a számítógépet, amin mi dolgozunk, hanem akkor is, ha szeretnénk elkerülni,
hogy az éppen felkeresett weboldal által létrehozott
sütik (cookie fájlok)
a későbbiekben releváns reklámokat generáljanak a böngészőnkben.
- Ctrl+Shift+N : böngésző megnyitása inkognitó módban.
Amit a Google Chrome-ban inkognitó módnak hívnak, az az Edge-ben InPrivate mód, a Firefoxban pedig egyszerűen csak privát böngészés.
Ráadásul Firefoxban a megnyitáshoz tartozó forróbillentyű a
Ctrl+Shift+P.
15.
Ctrl+
Nyissuk meg új lapon!
Végül pedig egy példa erejéig kombináljuk a billentyűzetet az egérrel! Ha általában egy linkre kattintunk, akkor a hivatkozott oldal
jellemzően az aktuális ablak tartalmát felülírva, annak helyén nyílik meg. Gyakran előfordulhat azonban, hogy az eredeti tartalmat is
meg akarjuk még tartani, és ezért a hivatkozott oldalt új lapon szeretnénk látni. Ekkor az egérrel való kattintás előtt nyomjuk le, és
kattintás idején tartsuk nyomva a Ctrl billentyűt, és pontosan így fog megnyílni a kért hivatkozás.
- Ctrl+Click : link megnyitása új lapon.
A Chrome billentyűparancsai
Sosem eldönthető nagy kérdés, hogy melyik a legjobb böngésző. Ennek számos oka van, ám azt azonban nagyjából
konszenzus övezi, hogy a fejlesztéshez a legtöbb támogatást kínáló böngésző a Chrome. Éppen ezért e böngésző
esetén érdemes lehet a fentieken túl alaposabban is utánanézni a használható billentyűkombinációknak,
és egérfunkcióknak:
Forróbillentyűk A-tól Z-ig
Bár igyekeztünk a fentiekben tematikusan áttekinteni a webszerkesztés során leghatékonyabban használható
gyorsbillentyűket és billentyűzetkombinációkat, ezt kiegészítve talán érdekes lehet a forróbillentyűket
ABC-sorrendben is összefoglalni.
Ugyanakkor meg kell jegyezni, hogy az alábbi összefoglalásban szereplő elemek általános voltuk okán nem
minden esetben értelmezhetőek a szerkesztőprogramokra, vagy a böngészőkre, pláne nem minden típusra,
ennek megfelelően ne akarjunk belőle mindent kőbe vésett szentírásnak tekinteni.
| Ctrl + A | Select all | minden kijelölése |
| Ctrl + B | Bold | félkövér szöveg |
| Ctrl + C | Copy | másolás |
| Ctrl + D | Duplicate | duplázás |
| Ctrl + E | Center text | középre igazítás |
| Ctrl + F | Find | keresés |
| Ctrl + G | Go to | ugrás |
| Ctrl + H | Replace / History | csere / előzmények |
| Ctrl + I | Italic | dőlt szöveg |
| Ctrl + J | Justify | sorkizárt szöveg |
| Ctrl + K | Hyperlink | webcím beírása |
| Ctrl + L | Left align | balra igazítás |
| Ctrl + M | Indent | behúzás |
| Ctrl + N | New | új ablak |
| Ctrl + O | Open | megnyitás |
| Ctrl + P | Print | nyomtatás |
| Ctrl + Q | Quick / Quit | gyorsformázás / kilépés |
| Ctrl + R | Right align | jobbra igazítás |
| Ctrl + S | Save | mentés |
| Ctrl + T | Hanging indent | függő behúzás |
| Ctrl + U | Underline | aláhúzott szöveg |
| Ctrl + V | Paste | beillesztés |
| Ctrl + W | Window close | ablak bezárása |
| Ctrl + X | Cut | kivágás |
| Ctrl + Y | Redo | ismét, mégis |
| Ctrl + Z | Undo | visszavonás |
előző oldal
© infojegyzet.hu, 2022. november 