Kód másolása webhelyekről Chrome, Firefox és Edge használatával

Ha a semmiből hoz létre egy webhelyet, akkor a projekt összetettségétől függően vakarhatja a fejét. Ennek az időigényes készségnek az elsajátítása hónapokig vagy évekig tarthat. Ennek eredményeként a legtöbb professzionális kódoló folyamatokat és parancsikonokat fejlesztett ki készségeik finomítására.

Ez magában foglalja a legnépszerűbb és ismétlődő programozási kódok praktikus listájának vezetését. Ebből a cikkből megtudhat egy másik trükköt, amellyel felelősségteljesen másolhatja át a webhely kódját olyan népszerű böngészőkkel, mint a Chrome, a Firefox és az Edge. Felbecsülhetetlen értékű tanulási forrás lehet, példákat kínálva az elkészült kódokra.

Hogyan másoljunk kódot webhelyekről a Chrome segítségével

A következő módszerekkel másolhat kódot egy webhelyről a Chrome-ban.

Az oldalforráson keresztül

Talán ez a legjobb és legegyszerűbb módja egy webhely vagy weboldal teljes kódbázisának eléréséhez, böngészőtől függetlenül. Ha meg szeretné tekinteni az oldal forrását a Chrome-ban, lépjen a célwebhelyre, és kattintson jobb gombbal az oldal bármely részére, kivéve a linkeket, képeket és hirdetéseket.

Kattintson Oldal forrásának megtekintése vagy egyszerűen nyomja meg Ctrl + U (Windows, Linux) ill Command + U (Mac operációs rendszer). Másolja ki a kód kívánt részét vagy az egészet, és illessze be a kívánt kódszerkesztőbe.

Az F12 parancsikon keresztül

Könnyen elérheti a Chrome fejlesztői eszközöket, ha felkeres egy webhelyet, és egyszerűen megnyomja a gombot F12. A Chrome Developer Tools webhelykódot tartalmaz, és hibakereső eszközként is működik a fejlesztők számára.

Válassza ki az összes kívánt kódot, másolja ki, és illessze be egy választott kódszerkesztőbe.

A Chrome Developer Tools panel másik módja az Ellenőrzés eszköz. Ehhez keresse fel azt a célwebhelyet, amelyről a kódot ki szeretné másolni. Most nyomja meg Ctrl + Shift + I (Windows, Linux) ill Command + Option + I (macOS), ez közvetlenül a Fejlesztői eszközökhöz viszi.

Alternatív megoldásként kattintson a jobb gombbal az oldal bármely tiszta részére, és válassza ki Vizsgálja meg a menüopciókból, közvetlenül az oldal forrásának megtekintése opció alatt.

A Chrome További műveletek menüjén keresztül

A webhely kódjának felfedezésének másik módja a Chrome Fejlesztői Eszközök segítségével, ha rákattint a három pont gombra a cél webhely jobb felső sarkában. A menüopciók közül válassza ki Több eszköz, akkor Fejlesztői eszközök.

Másolja ki az összes kívánt kódot, és illessze be bármelyik kódszerkesztőbe. Amellett, hogy hibakereső eszköz, azt is megteheti képernyőképek készítéséhez használja a Chrome Dev Tools alkalmazást.

Hogyan másoljunk kódot webhelyekről Firefox segítségével

Íme különböző módok a webhelykód másolására a Firefox használatával.

Oldal forrásának megtekintése

A webhely kódjának eléréséhez és másolásához a Firefoxban az oldal forrásának megtekintésével egyszerűen kattintson a jobb gombbal a cél webhelyre, és kattintson a gombra Oldal forrásának megtekintése.

Alternatív megoldásként nyomja meg a gombot Ctrl + U (Windows, Linux) ill Command + U (Mac operációs rendszer). Másolja ki az összes kívánt kódot, és illessze be a választott kódszerkesztőbe.

Ugyanilyen egyszerűen megtekintheti az oldal forrását a Firefoxban, ha a háromsoros hamburger menüre kattint, és kiválasztja Több eszköz, és kattintson Oldal Forrás.

Az F12 billentyűparancs segítségével

A Chrome-hoz hasonlóan a Firefox Dev Tools alkalmazásban is hozzáférhet egy webhely kódjához, ha egyszerűen megnyomja az F12 billentyűt a billentyűzeten.

Nézz körül, hogy melyik kódot keresed, különös figyelmet fordítva a Stílusszerkesztőre. Most másolja ki és illessze be az összes kódot kedvenc kódszerkesztőjébe, és működtesse a varázslatot.

A Chrome-hoz hasonlóan a Firefoxban is elérheti a webhely kódját a beépített Ellenőrző eszközzel. Ehhez kattintson a jobb gombbal a cél webhely bármely tiszta részére, és nyomja meg valamelyik gombot K vagy kattintson Vizsgálja meg. Megnyomhatod is Ctrl + Shift + I (Windows, Linux) ill Command + Option + I (Mac operációs rendszer).

Amint azt elmagyaráztuk, továbbra is használhatja a Stílusszerkesztőt az eligazodásra, amíg meg nem találja a keresett kódot. Ezután másolja ki és illessze be bármelyikbe a legjobb kódszerkesztők, amelyeket megtalálhat.

A Firefox További műveletek menüjén keresztül

Ha a Firefoxban a webhely kódját a További műveletek menün keresztül szeretné másolni, kattintson a jobb felső sarokban található háromsoros hamburgermenüre azon webhelyről, amelynek kódját másolni szeretné.

Válassza ki Több eszköz, majd kattintson Webfejlesztői eszközök. Innen az Inspector vagy a Style Editor segítségével másolhatja a kívánt kódot.

Az Inspector esetében használja a billentyűzet nyílbillentyűit vagy a görgetősávot a bejegyzések közötti navigáláshoz. A Stílusszerkesztőben a bal oldali navigációs panel segítségével konkrét sorokra fókuszálhat. Ha megtalálta, amit keres, illessze be a kimásolt kódot a kódszerkesztőbe, és szabja testre ízlése szerint.

Hogyan másoljunk kódot webhelyekről az Edge használatával

Könnyedén másolhatja a webhely kódját különböző módokon az Edge használatával az alábbiak szerint.

Oldal forrásának megtekintése

A webhely kódjának másolásához az oldal forrásának Microsoft Edge programban történő megtekintésével egyszerűen kattintson a jobb gombbal a cél webhely bármely tiszta részére, és válassza Oldal forrásának megtekintése.

Alternatív megoldásként egyszerűen megnyomhatja Ctrl + U (Windows, Linux) ill Command + U (macOS), másolja ki a kívánt részt, illessze be egy szerkesztőbe, és kezdje el testreszabni a kódot.

Az F12 billentyűparancs segítségével

Ha az Edge-et használja, akkor a webhely kódját is másolhatja az F12 billentyű lenyomásával, amikor meglátogatja azt a webhelyet, amelyről a kódot ki szeretné másolni.

Kattintson a gombra kattintva Nyissa meg a DevTools alkalmazást. A Fejlesztői eszközök panelen könnyedén átmásolhatja az összes kívánt kódot, és felgyorsíthatja a munkát.

A webhely kódjának Edge's Inspect eszközzel történő másolásához nyissa meg azt a webhelyet, amelynek kódját másolni szeretné, kattintson jobb gombbal bármelyik törölni kívánt részre, és válassza a Vizsgálja meg.

Megnyomhatod is Ctrl + Shift + I (Windows, Linux) ill Command + Option + I (Mac operációs rendszer). Ezután kimásolhatja és beillesztheti a másolni és szerkeszteni kívánt kódot.

Az Edge További műveletek gombján keresztül

Az Edge emellett lehetővé teszi a DevTools panel elérését a További műveletek menüből. Ehhez lépjen arra a webhelyre, amelynek kódját másolni szeretné. Kattintson a három pont gombra a jobb felső sarokban, majd kattintson Több eszköz, akkor Fejlesztői eszközök.

Ha böngészője nem rendelkezik ezen opciók vagy szolgáltatások bármelyikével, érdemes ellenőrizni, hogy naprakész-e. Itt van hogyan ellenőrizheti és frissítheti a Chrome-ot, a Firefoxot és az Edge-t.

Bármilyen megközelítést is alkalmaz, és bármilyen Chromium-alapú böngészőt használ is (Chrome, Firefox vagy Edge), Ön kereshet adott fájlok vagy elemek között a Fejlesztői eszközök panel hárompontos menüjére kattintva és kiválasztva Keresés. Alternatív megoldásként egyszerűen nyomja meg Ctrl + Shift + F (Windows, Linux) ill Command + Option + F (Mac operációs rendszer).

A Fájl megnyitása és Futtassa a parancsot opciók is hasznosak a kód megtalálásához egy webhelyen, mint a Stílusszerkesztő Firefoxban és Elemek a Chrome és az Edge fejlesztői eszközök panelen.

Finomítsa készségeit a meglévő webhelykód használatával

Akár Chrome-ot, Firefoxot, Edge-t vagy más Chromium-alapú webböngészőt használ (ami azt illeti), rengeteg időt és energiát takaríthat meg, ha egyszerűen másolja a kódot a már meglévő webhelyekről.

A webhely kódjának másolása azonban csak saját tanulási és offline piszkálás céljából történhet. Ha egy meglévő webhely másolatát próbálják létrehozni, és azt olyan formában teszik közzé, az a szerzői jogok megsértéséhez vezethet. Kódolását útközben is magával viheti a mobil kódszerkesztőkkel.