Sokáig haszontalan és érdektelen volt számomra az „oldal forrásának megjelenítése” opció. Eddig a HTML tanulás a Codecademy-n és a saját weboldalaim tervezése nem nőtte ki magát az új hobbim közé. Itt merült fel a kérdés: hol találhat valós eseteket és kölcsönözhet érdekes megoldásokat „malacka bankjához”? A válasz váratlanul egyszerű volt, mint minden zseniális dolog: nézd meg az oldal forráskódját a Google Chrome-ban! Megosztom veletek szerény leleteimet.
Mi az oldal forráskódja
Ha Ön hozzám hasonlóan még csak az első lépéseit teszi meg a HTML programozásban, akkor jó ötlet lenne utánajárni, hogy mi az oldal forráskódja.
A forráskód, más néven HTML oldalkód, a Hyper Text Markup Language (HTML) szövege. Tartalmazza az oldal tényleges tartalmát (szöveg, táblázatok) és címkéket. Ez utóbbiak utasításként szolgálnak a böngésző számára: hogyan jelenítse meg a tartalmat, milyen formázást használjon, hova illesszen be egy hiperhivatkozást vagy médiafájlt. Nos, nekünk, kezdő programozóknak a forráskód jelenti a legjobb gyakorlóterepet: találunk egy érdekes oldalt, és kikémleljük, elmentjük, és sikeres töredékeket használunk. Hogyan?
A forráskód megtekintése a Google Chrome böngésző oldalán
Keresse meg a kívánt oldalt. Például az oldal menüjének kialakítása érdekelt. Háromféleképpen nyithatja meg a forráskódot a Google Chrome böngészőben:
- Kattintson az ikonra menü a böngésző jobb felső sarkában, és válassza a „További eszközök” lehetőséget. Többek között van egy „Forráskód megtekintése” opció. Őszintén szólva ritkán használom ezt a módszert: sok a felesleges mozdulat. Még egyszerűbbé is tehető.
- Nyomja meg a billentyűkombinációt Ctrl+U– megnyílik egy új ablak a forráskóddal;
- A helyi menü kedvelőinek: kattintson a jobb gombbal az oldalra, és válassza az „Oldalkód megtekintése” lehetőséget.
Megbirkóztunk azzal a feladattal, hogy a böngészőben megtekintsük az oldal HTML kódját. Térjünk át a legérdekesebb szakaszra.
A forráskód szerkesztése és mentése
A webhelyek létrehozásának megtanulásához nem elég valaki más HTML-kódját elolvasni. Játszani kell vele, kísérletezni, módosítani kell, és ellenőrizni kell az eredményt. Akár néhány sikeres minta összeállításával is kezdheti. Hogyan lehet szerkeszteni és menteni a forráskódot?
1. lehetőség „Manuálisan”
Miután megnyitottuk az oldal forráskódját, hívja meg a helyi menüt, válassza a „Mentés másként” lehetőséget, és mentse a fájlt a merevlemezre. Jegyzettömbben vagy Jegyzettömbben szerkesztjük a fájlt, mentjük a változtatásokat és megnyitjuk a böngészőn keresztül. Változásaink eredménye (sikeres és kevésbé sikeres) megjelenik a böngészőablakban.
2. lehetőség Profiknak
Amikor minden nap "játszunk" a forráskóddal, a "mentés - megnyitás - módosítás - mentés - ellenőrzés" folyamat fárasztóvá válik. Saját magam számára találtam megoldást egy bővítmény telepítése a Google Chrome - Firebug Lite formájában. Lehetővé teszi a forráskód szerkesztését és mentését a böngészőablak elhagyása nélkül.
Ha megnyit egy weboldalt, az tipikus elemeket tartalmaz, amelyek nem változnak a webhely típusától és fókuszától függően. A 4.1. példa egy egyszerű, alapvető címkéket tartalmazó dokumentum kódját mutatja be.
4.1. példa. Weboldal forráskódja
Cím
Első bekezdés.
Második bekezdés.
Másolja ki a példa tartalmát, és mentse el a c:\www\ mappába example41.html néven. Ezután indítsa el a böngészőt, és nyissa meg a fájlt a menüponton keresztül Fájl > Fájl megnyitása (Ctrl+O). A dokumentumválasztó párbeszédpanelen válassza ki az example41.html fájlt. Az 1. ábrán látható weboldal megnyílik a böngészőben. 4.1.
Rizs. 4.1. A példa futtatásának eredménye
Elemaz aktuális bizonylat típusát hivatott jelezni - DTD (dokumentumtípus meghatározása, bizonylattípus leírása). Erre azért van szükség, hogy a böngésző megértse az aktuális weboldal értelmezését, mert a HTML több verzióban is létezik, ezen kívül létezik XHTML (EXtensible HyperText Markup Language), amely hasonló a HTML-hez, de szintaxisában különbözik tőle. Annak érdekében, hogy a böngésző „ne tévedjen össze” és megértse, melyik szabvány szerint jelenítse meg a weboldalt, be kell állítani a kód első sorában .
Több típusa van, a megcélzott HTML-verziótól függően különböznek. táblázatban 4.1. Megadjuk a főbb dokumentumtípusokat leírásukkal együtt.
DOCTYPE | Leírás |
---|---|
HTML 4.01 | |
Szigorú HTML szintaxis. | |
Átmeneti HTML szintaxis. | |
A HTML-dokumentum kereteket használ. | |
HTML 5 | |
A HTML ezen verziója csak egy dokumentumtípussal rendelkezik. | |
XHTML 1.0 | |
Szigorú XHTML szintaxis. | |
Átmeneti XHTML szintaxis. | |
A dokumentum XHTML-ben íródott, és kereteket tartalmaz. | |
XHTML 1.1 | |
Az XHTML 1.1 fejlesztői arra számítanak, hogy fokozatosan felváltja a HTML-t. Mint látható, ennek a definíciónak nincs típusokra osztása, mivel a szintaxis ugyanaz, és világos szabályoknak engedelmeskedik. |
A szigorú és az átmeneti dokumentumleírás közötti különbség a dokumentumkód írásának eltérő megközelítése. A szigorú HTML megköveteli a HTML specifikáció szigorú betartását, és megbocsáthatatlan a hibákkal szemben. Az átmeneti HTML lazább néhány kódhibát illetően, ezért bizonyos esetekben ezt a típust érdemes használni.
Például szigorú HTML-ben és XHTML-ben a címke jelenléte kötelező
A jövőben elsősorban szigorúat fogunk használni, eltérő rendelkezés hiányában. Ez lehetővé teszi számunkra, hogy elkerüljük a gyakori hibákat, és megtanítunk szintaktikailag helyes kódot írni.
Gyakran találhat HTML kódot anélkül, hogy használna, a weboldal ebben az esetben is megjelenik. Előfordulhat azonban, hogy használat közben ugyanaz a dokumentum másképp jelenik meg a böngészőbenés anélkül. Ráadásul a böngészők a maguk módján jeleníthetik meg az ilyen dokumentumokat, ennek eredményeként az oldal „morzsolódik”, pl. teljesen másképp jelenik meg, mint amit a fejlesztő kér. Az ilyen helyzetek elkerülése érdekében mindig add hozzáa dokumentum elejére.
Címke meghatározza a HTML fájl elejét, a fejléc abban tárolódik (
) és az okmánytörzs (A dokumentum címe, más néven blokk
, tartalmazhat szöveget és címkéket, de ennek a szakasznak a tartalma közvetlenül nem jelenik meg az oldalon, kivéve a tárolóban
Címke univerzális, és a képességek egész osztályát ad hozzá, különösen a metacímkék segítségével, ahogy ezt a címkét általában hívják, megváltoztathatja az oldal kódolását, hozzáadhat kulcsszavakat, dokumentumleírást és még sok mást. Annak érdekében, hogy a böngésző megértse, hogy UTF-8 kódolással foglalkozik (Unicode átalakítási formátum), és ez a sor hozzáadódik.
Címke
Rizs. 4.2. Fejléc nézet a böngészőben
Címke
Hozzá kell adnia egy záró címkét jelezni, hogy a dokumentumcímblokk elkészült.
Dokumentumtörzs
Cím
A HTML hat különböző szintű szövegfejlécet kínál, amelyek jelzik a címsort követő szakasz relatív fontosságát. Igen, tag
jelenti a legfontosabb első szintű címsort és a címkét a hatodik szintű címsor jelzésére szolgál, és a legkevésbé jelentős. Alapértelmezés szerint az első szintű címsor a legnagyobb félkövér betűtípussal jelenik meg, a következő szintű címsorok pedig kisebb méretűek. Címkék ...A blokkelemekre hivatkozva mindig új sorban kezdődnek, és utánuk a következő sorban a többi elem jelenik meg. Ezenkívül a cím előtt és után szóközzel egészül ki.
...A blokkelemekre hivatkozva mindig új sorban kezdődnek, és utánuk a következő sorban a többi elem jelenik meg. Ezenkívül a cím előtt és után szóközzel egészül ki.
Egyes szövegek elrejthetők, hogy ne jelenjenek meg a böngészőben, ha megjegyzéssé teszi. Bár ezt a szöveget a felhasználó nem fogja látni, a dokumentumban továbbra is átkerül, így ha megnézi a forráskódot, rejtett jegyzeteket fedezhet fel.
Utasítás
A Mozilla FireFoxban bontsa ki a „Nézet” részt a menüben, és kattintson az „Eredeti” elemre. kód" Ugyanez az elem a helyi menüben is található, amelyet ha jobb gombbal kattint a szövegre oldalakat. Használhatja a CTRL + U billentyűparancsot is. A Mozilla FireFox nem használ külső programokat – eredeti kód oldalakat szintaktikai kiemeléssel külön böngészőablakban nyílik meg.
Az Internet Explorerben kattintson a Fájl menüre, és válassza a Szerkesztés a Jegyzettömbben parancsot. A Jegyzettömb név helyett más név is írható, amelyet a böngésző beállításaiban hozzárendelt az eredeti megtekintéséhez kód A. Kattintásra oldalakat jobb egérgombbal egy helyi menü jelenik meg, amiben a forrás megnyitását is lehetővé tevő elem is található kód oldalakat külső programban - „View HTML- kód A".
Az Opera böngészőben nyissa meg a menüt, lépjen az „Oldal” részre, és a „Fejlesztői eszközök” alszakaszban lehetősége van a „Forrás” kiválasztására. kód"vagy az "Eredeti kód keret." Ezekhez a kijelölésekhez a CTRL + U és a CTRL + SHIFT + U gyorsbillentyűk vannak hozzárendelve. Egy kattintáshoz kötött helyi menüben oldalakat kattintson a jobb gombbal, ott is van egy „Kezdő kód" Opera forrás oldalakat egy külső programban, amely az operációs rendszerben vagy a böngésző beállításaiban van hozzárendelve a HTML-fájlok szerkesztéséhez.
A Google Chrome böngésző minden kétséget kizáróan rendelkezik a legjobb szervezettel az eredeti megtekintésére kód A. Az egér jobb gombjával kattintva kiválaszthatja a Nézet lehetőséget kód A oldalakat"és ezután a szintaktikai kiemeléssel ellátott forráskód egy külön lapon nyílik meg. Vagy kiválaszthatja a „Nézet” sort ugyanabban a menüben kód elem” és ugyanazon a lapon megnyílik két további keret, amelyekben ellenőrizheti a HTML-t és a CSS-t kód elem oldalakat. A böngésző reagál a kurzor sorok közötti mozgására kódés kiemeli azokat az elemeket az oldalon, amelyek megfelelnek a HTML ezen szakaszának kód A.
Az Apple Safari böngészőben bontsa ki a Nézet részt, és válassza a HTML megtekintése lehetőséget kód A". A jobb gombbal kattintva megjelenő menüben a megnyitásra oldalakat, a megfelelő elem neve „Forrás megtekintése”. A művelethez rendelt gyorsbillentyűk: CTRL + ALT + U. Eredeti kód külön böngészőablakban.
Források:
- hogyan lehet módosítani a hozzárendelt kulcsokat a firefoxban
Nagyon sokan, akik olyan nehézségekkel találkoztak a számítógépes játékokban, amelyeket nem tudnak leküzdeni, speciális kódokat használnak ennek vagy annak a problémának a megoldására vagy a játék egyszerűsítésére. A csaló kód olyan kód, amelyet be lehet írni egy számítógépes játékba annak érdekében, hogy megváltoztassuk annak működését. Az ilyen kódok bevitele egy bizonyos (betűkből vagy számokból álló) szöveg reprodukálásával történik a billentyűzeten. Szöveget is beírhat a speciálisan kijelölt helyekre (játékmenü vagy konzol). Hogyan találhatom meg a játék kódját?
Szükséged lesz
- Internet
Utasítás
Tekintsük az első módszert a népszerű példa segítségével http://chemax.ru. Ha egy adott játékhoz szeretne kódot találni, kattintson a „Cheat Codes” fülre, majd válassza a „For” lehetőséget. A megnyíló ablakban vagy beírhatja a játék nevét egy speciálisba (ami megkönnyíti a keresési folyamatot), vagy kattintson arra az angol vagy orosz betűre, amellyel a játék neve kezdődik. A játék kiválasztása után megjelenik az összes lehetséges kód listája.
A csalókód-adatbázis letöltéséhez fel kell lépnie a webhelyre http://chemax.rués válassza ki a „CheMax” - „CheMax Rus” fület. Ez a csalási kódok adatbázisa szintén orosz nyelvű, és rengeteg játékot tartalmaz. Telepítéskor válassza ki az orosz nyelvet és a program helyét a . A program elindítása után egy speciális sorba kell beírnia a játék nevét, aminek eredményeként megkapja az összes szükséges cheat kódot.
Videó a témáról
jegyzet
Ne felejtse el azonnal frissíteni ezt a programot, hogy a legteljesebb kódbázis legyen.
Hasznos tanács
Próbálja meg a játékot cheat kódok használata nélkül befejezni, mert a játék őszinte befejezése sokkal több örömet okoz.
Nézzük meg, hogyan határozzuk meg a kezdőbetűt kód oldalakat, mert ez a paraméter nagyon fontos az interneten végzett munka során. Ha bármilyen hírre, címkére vagy képre van szüksége, de nem tudja, hogyan írja meg, mindig másolhat információt egy másik oldalról, miután megtudta az eredetit kód oldalakat ha nem arra való kód az oldal fejlesztői készítettek. Az eredeti fontos kód lapozott fájlokban, amelyek nem programok, a forrás használatával kódés dolgozhat az oldalakkal és szerkesztheti azokat.
Szükséged lesz
- Útmutató az oldal forráskódjának megtekintéséhez.
Utasítás
Ahhoz, hogy látható legyen, regisztrálva van az eredetivel kód ohm Töltsd meg vele kód Ha Ön az erőforrás tulajdonosa, módosíthatja azt Jegyzettömb, szerkesztő segítségével, ehhez speciális bővítményeket használva. A felhasználó a fájl szerkesztésével és saját hozzáadásával is módosíthatja az oldalt. A forrást megtekintő böngészőkben kódés különféle parancsokkal hajtják végre, nézzük meg őket részletesebben.
Internet Explorer esetén válassza a "nézet" lapot, majd az "eredeti" lapot. kód oldalakat»vagy a tételt a jobb egérgombbal lehet kiválasztani. A fejlesztők titkosítsák kód ebben lépünk a „szolgáltatás” menübe, majd a „fejlesztői eszközök” menübe, kattintsunk a nyílra, válasszuk ki a kívánt elemet és kód válni . Ezután kattintson az ikonra és kód szöveges formátumban, és másolja át összetevőiből html-be.
A Mozilla Firefox böngésző lehetővé teszi a megtekintést egy egyszerű „Ctrl+U” paranccsal, vagy az „eszközök” menüben válassza ki a „forrás megtekintése” alsztringet. kód" A titkosított információkat a Mozilla Firefoxban tekintheti meg egy speciális webfejlesztő telepítésével, válassza ki a menüből a " kód" string "generált kód" és alatta oldalakat megjelenik az eredeti értéke kód A. Másolja a fájlt a vágólapra, vagy mentse el a page.htm kiterjesztéssel.
A Google Chrome használatakor a fő „eszközök” menüben válassza ki a „forrás megtekintése” részkarakterláncot kód", majd a jobb egérgombbal nyissa meg az elem "nézetét kód A oldalakat» vagy a "Ctrl + U" billentyűkkel.
A Safari böngészőben a menüben találjuk a „view html- kód", szintén a jobb gombbal kattintva nyissa meg a "forrás megtekintése" részkarakterláncot, vagy használja a "Ctrl + Alt + U" billentyűparancsot.
jegyzet
A forráskóddal kapcsolatos titkosított információk megtekintésének lehetősége két böngésző segítségével történik.
Hasznos tanács
Ha Ön nem webhelyfejlesztő, az oldalt csak saját használatra módosíthatja.
A számítógépes játékokban, akárcsak a való életben, lehetőség nyílik egy kicsit csalni. Ennek érdekében a fejlesztők különféle kódokkal látják el termékeiket, amelyek segítségével a játék menüjéből könnyedén teljesíthet pályákat és küldetéseket.
Szükséged lesz
- CheMax szoftver.
Utasítás
Ahhoz, hogy megtudjuk, milyen kódokat használtak a fejlesztők a tesztelés során, egyáltalán nem szükséges megnyitni a játéktermék összes exe fájlját HEX szerkesztőkkel. Csak fel kell keresnie a csalásokra szakosodott webhelyet a következő hivatkozás segítségével: http://chemax.ru.
A betöltött oldalon vigye a kurzort a menüsorra, nevezetesen a „Cheat Codes” szakaszra, és a megjelenő listában válassza a „Nyelvben” lehetőséget. A következő oldalon írja be a játék nevét a keresősávba, majd kattintson a „Keresés” gombra. Javasoljuk, hogy a legteljesebb nevet adja meg, amely a parancsikon tulajdonságai közül másolható. Ehhez lépjen az asztalra, és kattintson a jobb gombbal a játék parancsikonjára. A helyi menüben válassza a „Tulajdonságok” lehetőséget, és másolja ki a nevet a Ctrl + C vagy a Ctrl + Insert billentyűparancs segítségével.
A keresési eredmények közül válassza ki a legmegfelelőbb lehetőséget a kódtábla megnyitásához. A kódtáblázat mellett, ha az oldal aljára görgetsz, az aktív linkekkel ellátott oktatók listáját is megtalálod. A szükséges kódok gyors eléréséhez, mielőtt emlékezne rájuk, javasoljuk, hogy válassza ki és másolja ki az információkat a letöltött oldalról, majd illessze be egy új szöveges dokumentumba.
Az oldal folyamatos elérése a szükséges kód beszerzése érdekében nagyon hosszú feladat, mert... egy speciális program (CheMax) elindítása sokszor gyorsabb. Ehhez lépjen a CheMax felső menüjébe, és válassza a CheMax Rus lehetőséget. A program letöltési oldalán kattintson a „Telepítő” vagy a „RAR Archívum” hivatkozásra, és adja meg a végrehajtható fájl mentési helyét.
A program telepítése után egy parancsikon kerül az asztalra, amelyet elindítva megnyílik a program. A játék közben nyomja meg a "Szünet" gombot, és használja az Alt + Tab kombinációt, hogy egy nyitott ablakhoz navigáljon. A keresősávba írja be a játék nevét, és nyomja meg az Enter billentyűt.
Videó a témáról
Források:
- Hogyan lehet megtudni a banner kódját?
A programkód adatvédelmi szempontból eltérő lehet – sok fejlesztő nem teszi nyilvánosan elérhetővé, és a licencszerződés feltételei korlátozzák a felhasználókat a használat és a megtekintés tekintetében. Vannak nyílt forráskódú programok is, amelyek megtekinthetők, szerkeszthetők stb.
Szükséged lesz
- - egy program a forráskód megnyitásához.
Utasítás
Győződjön meg arról, hogy a megtekinteni kívánt szoftver forráskódja nyílt forráskódú. Ehhez nyissa meg a szoftverfejlesztő hivatalos webhelyét, és tekintse meg a licenc típusát. Ha a program forráskódja le van zárva, nem tudja megtekinteni. Ez kényelmetlen, de egy ilyen rendszerrel elég ritkán találkozni trójai programokat és más rosszindulatú programokat tartalmazó másolatokkal. Ez a szabad szoftverek fő hátránya.
Ha rendelkezik ingyenes szoftverrel, akkor a program menüjében keresse meg a „Forráskód” elemet, ha ilyen elemet biztosít a fejlesztő, ami rendkívül ritka. Ha más esetekben meg szeretné tekinteni, használjon összeszerelőt vagy más harmadik féltől származó szoftvert.
Gyakran a forrás megnyitásához tudnia kell, hogy a fejlesztés során milyen programozási nyelvet használtak a program készítői, amit sokszor nagyon nehéz meghatározni. Itt különféle programokat telepíthet a számítógépére a különböző nyelveken írt forráskódok megnyitásához.
Ingyenes szoftver használatakor, ha lehetősége van rá, tekintse át a forráskódot a telepítés előtt, különösen, ha a programot nem hivatalos forrásból töltötték le. Ez segít megvédeni számítógépét a fővel együtt telepített rosszindulatú programokkal szemben.
Ezenkívül ne folyamodjon különféle módszerekhez a programok zárt forráskódjának módosításához; gyakran ilyen esetekben bizonyos felelősség terheli a felhasználó és a fejlesztő közötti licencszerződés szabályainak megsértését. Ezenkívül ne tegyen közzé szerkesztett ilyen programokat az interneten.
Videó a témáról
Hasznos tanács
Ellenőrizze az ingyenes szoftverek forrásait.
Programok nyitottra és zártra osztva. Az első esetben minden internetfelhasználó letöltheti az eredetit kód a hivatalos webhelyről és más forrásokból, a másodikban - a rendszerkód be van zárva, és annak
Minden internetfelhasználónak megvannak a saját kedvenc webhelyei, amelyeken hosszú időt tölt. És csak a lustáknak nem jutott eszébe, hogy megnézzék, hogyan jött létre és miből áll. Mindezekre a kérdésekre nem lehet válaszolni, hiszen egy weboldal létrehozásának számos módja van, de az azt alkotó parancsok és kódok megtekintése mindenki számára lehetséges és nyilvánosan elérhető.
Más kérdés, hogy a programozással nem foglalkozó személy megérti-e a kódot alkotó szimbólumok valamelyikét. Az alábbiakban bemutatott példák alapján azonban bármely Google Chrome-felhasználó megtekintheti a webhelyek egyes elemeit.
Hogyan lehet megtekinteni egy html oldal forráskódját a Google böngészőben
Ahhoz, hogy megtekinthesse az oldal kódját a Chrome-ban, fel kell lépnie az Önt érdeklő webhelyre, és végre kell hajtania a következő lépéseket:
Ez a két elem funkcionalitásában és a felhasználó, programozó vagy hacker számára nyújtott információ tekintetében különbözik.
Mi a különbség az oldal kódja és a „Kód megtekintése” parancs között?
Ezen funkciók mindegyikét elemezve külön cikket írhat. A programozók számára ez a különbség jelentős, és megértik, hogy mely esetekben szükséges a „View Code” és melyik „View Page Code” használata a Google Chrome böngészőben.
Az átlagos felhasználó számára azonban ezek a funkciók a következő célokra oszthatók:
- Az „Oldalkód megtekintése” csak az oldal fő kombinációjának megtekintéséhez szükséges. Alapvetően ez a webhely felépítése (kiegészítő modellek nélkül, CSS-fájlok és egyéb kiegészítések formájában, amelyek a webhely létrehozójának mappájában maradnak). Ez a struktúra nem alkalmas saját oldal „másolás-beillesztéssel” létrehozására, de lehetővé teszi, hogy megnézze, mit csinált pontosan a programozó, és milyen sorrendben gondoskodott arról, hogy a webhely a Google Chrome böngészőben ilyen külső kialakítású legyen.
- A „Kód megtekintése” részletes struktúrát jelenít meg, kiemelve az oldal összes érintett területét. Ha egy adott listakód fölé viszi az egérmutatót, az kijelöli azt az elemet a webhelyen, amelyhez tartozik.
- Az oldalkód megtekintése külön böngészőben nyílik meg anélkül, hogy szerkeszteni lehetne. Vagyis csak oldalkód másolására és olvasására alkalmas. De ez nem kevésbé hasznos funkció.
- A „Kód megtekintése” módosítható, és bármely elemet az Ön számára kényelmes módon szerkeszthet. Természetesen mindezek a változtatások „élnek” az oldal frissítéséig, de néha szórakoztató végigmenni ezeken a beállításokon, és megérteni, miért van szükség erre vagy arra az értékre, és mi történik, ha megváltoztatja. Nem szabad feltételeznie, hogy ilyen műveletekkel kárt okoz magának vagy a webhelynek – ezek a változtatások csak a Google Chrome kódjára vonatkoznak, és nem lépnek online.
Azt a kérdést fontolgatjuk, hogyan tekintsük meg az elemkódot
Ha egy ilyen kérdésre válaszolnánk, akkor az egyetlen lehetőség, amely önmagát sugallja, egy példa. Mert egy cikkben nagyon nehéz ehhez a témához értő emberré válni (webfejlesztő), de példával mutatni, hogy a kérdés eldőljön, sokkal könnyebb.
Az elemkód funkcionalitása nagyon széles, ezért a Google Chrome böngésző webhelyén vesszük az egyik szót. Meg akartuk vizsgálni, hogy milyen kulcsszavakat (a kódban „kulcsszavakként” írunk) használtunk oldalunkhoz. Ehhez a következő algoritmust hajtjuk végre:
A funkció használatának egyéb módjai a Google Chrome böngészőben
Általánosságban, folytatva annak a kérdésnek a megválaszolását, hogy hogyan nézzük meg egy elem kódját, és miért van rá szükség, fel kell sorolnia a funkcióit. Nevezetesen annak köszönhetően, hogy a Google Chrome böngészőben meg tudjuk tekinteni bármely webhely elemének kódját, a következőket tehetjük:
- Tekintse meg a webhely felépítését, kezdve a head-től ("webhely fejléc") és a végig (bármely program utolsó parancsa);
- Tekintse meg a webhely összes funkcióját, nevezetesen: hivatkozások más webhelyekre, további modulok külső webhelyekről és beépített számlálók a különféle információk gyűjtésére;
- Tudja meg, hogy az oldalról való másolás tilos-e vagy sem;
- A kód rögzíti az oldal más oldalaira mutató összes hivatkozást, valamint azok tervezését és a rájuk kattintás utáni műveleteket.
Ez egyáltalán nem egy véges lista. Emlékeztetni kell azonban arra, hogy speciális ismeretek nélkül szinte lehetetlen „elolvasni” egy Google Chrome oldal kódját, és a kapott adatokra gyakorlatilag nincs szüksége egy hétköznapi felhasználónak.
Az „Elemkód megtekintése” elem nem működik
Azonnal el kell mondani, hogy minden webhelynek nyílt hozzáférése lesz az elemkódokhoz. Vagyis még a legnépszerűbb és legdrágább oldalak is nyitottak lesznek a kódjuk megtekintésére. Ezért, ha az elem a Google Chrome böngészőben nem aktív, vagy hibát generál, annak a következő lehetséges okai lehetnek:
- A felhasználói profil sérült;
- rosszindulatú programok jelenléte a számítógépen;
- Blokkolás egy bizonyos kiterjesztéssel a teljesítmény növelése érdekében (még ez is megtörténhet).
Sérült felhasználói profil javítása
Új profil létrehozásához törölnie kell a régit a számítógépéről. Ehhez a következőket tesszük:
- Zárja be a Google Chrome-ot, és indítsa el a beépített Windows Explorer böngészőt.
- Írja be a következő parancsot a címsorba: %LOCALAPPDATA%\Google\Chrome\User Data\.
- Amikor megnyílik a könyvtár, keresse meg az „Alapértelmezett” mappát, és adja hozzá a „Biztonsági mentés” nevéhez, hogy így nézzen ki: „Alapértelmezett biztonsági mentés”.
- Most, a Chrome böngésző újraindítása után egy új profil jön létre.
Eltávolítjuk a rosszindulatú programokat vagy azok maradványait
Ha az új profil nem ad hozzáférést az oldalelem kódjához, és továbbra is látjuk a hibát, akkor a következőket kell tennünk:
- Nyissa meg a Windows parancssort ("Futtatás"), és írja be a "cmd" parancsot.
- Írja be a következő parancsot a sorba: RD /S /Q “%WinDir%\System32\GroupPolicyUsers”.
- A művelet megerősítése után írja be a következőt: RD /S /Q “%WinDir%\System32\GroupPolicy”.
- Most „gpupdate /force” (idézőjelek nélkül).
Ha minden helyesen történt, akkor a számítógép újraindítása után a Google Chrome megnyitja az elemek kódját, és a böngésző normálisan fog működni.
1 szavazat
Jó napot, kedves blogom olvasói. Néha találsz egy-egy gyönyörű vonást egy webhelyen, és azon tűnődsz, hogyan ért el az alkotó ilyen érdekes hatást.
Kiderült, hogy a válasz meglehetősen egyszerű. És ha rendelkezik bizonyos készségekkel, akkor sok ilyen funkciót összegyűjthet, és rövid időn belül elkészítheti saját egyedi webhelyét.
Ma arról fogunk beszélni, hogyan lehet megnyitni egy oldal kódját, egy bizonyos elemet, és megtanuljuk, hogyan használhatjuk ezt a készségünket a javára.
Alapvető kódtudás
Az oldalam kezdőknek készült, és először is szeretnék röviden beszélni a webhelyekről és általában a kódról.
Egy kép rajzolásához, majd apró részekre vágva írjon kódot, hogy a böngésző az összes elemet egyetlen egésszé állítsa össze. Minden nagyon bonyolultnak tűnik? Egyáltalán nem, és nincs értelme ezen keseregni.
Így születnek jó minőségű weboldalak. Ha akarsz, vágj bele ebbe az ügybe és tanulmányozd, ha nem akarod, senki sem kényszeríthet rád.
Csak egyet mondok... nincs annál kellemesebb, mint látni, ahogy az általad írt érthetetlen szavak egységes egésszé alakulnak és életre kelnek: működnek a linkek, mozognak a gombok, mozognak a képek, mászkál a szöveg. Azt hiszem, tudom, mit érzett Victor Frankenstein.
Amikor elkezded megérteni a titkos nyelvet, és látod, hogy valójában minden sokkal egyszerűbb, mint amilyennek kezdetben látszott, nem tudsz mást tenni, mint hinni a saját erősségeidben és agyad képességeiben. Ez nagyon klassz.
Hogyan készülnek a weboldalak? Ideális esetben először. Csak egy képet fest. Például az alábbi képen látható módon. Egyelőre ez csak egy kép, egy fénykép. Egyetlen link sem működik, ha rákattint, nem megy sehova, nem történik keresés.
E rajz szerint. Nézze meg az alábbi képernyőképet. Azt gondolhatja, hogy ez egy nevetséges és nagyon összetett szimbólumkészlet. Valójában minden nem olyan bonyolult, van egy bizonyos algoritmus.
Csak körülbelül 150 címke van, és mindegyik egy adott műveletért felelős: link, elválasztás, félkövér, szín, cím stb. Megértésük nem olyan nehéz, ha van kedved és nem bánod az időt.
Ezen tulajdonságok ismeretének köszönhetően szinte minden problémát megoldhat. De minden fejlesztő megtalálja a saját módját a cél eléréséhez.
A tapasztalt alkotók azonnal látják, hogyan lehet eredményt elérni, míg másoknak gondolkodniuk kell, cikkekben vagy a versenytársak forráskódjában kell keresniük a választ. Egyszerűen leveszik a szükséges részt egy harmadik fél webhelyéről, és maguk szerkesztik. Ez jelentősen lerövidíti a munkafolyamatot.
Kicsit később mutatok egy konkrét példát.
Kód megtekintése
Tehát először hadd mutassam meg, hogyan kell cselekedni, ha valaki más html-jét kell megtudnia. Ezután az összes többi kérdést részletesebben megvizsgáljuk.
A legjobb mód
A módszer, amelyet először leírok, kissé bonyolult a kezdők számára, de bevezetésként olvassa el. Nyissa meg az oldalt, és kattintson a jobb egérgombbal. Válassza a "Mentés másként..." lehetőséget
Mentse el a teljes weboldalt. Ahogy a képernyőképen is látható, már előre letöltöttem mindent. Itt van két mappánk.
Itt van minden, amire szüksége van. Minden elem. Ha ezt megérted, gyorsan beszerezhetsz mindent, amire szükséged van. De egy ilyen feladat egyre inkább lehetetlenné válik. Nincs letöltés. Mi a teendő, ha tilos egy oldalt másolni?
Ez a Google Chrome
Amint azt már észrevette, leggyakrabban a Google Chrome-ot használom, és ebben a böngészőben valaki mástól származó kód megtanulása olyan egyszerű, mint a körte héja. Mint elvileg minden másnál. A séma nemcsak hasonló lesz, hanem azonos is. Nyissa meg azt az oldalt, amelynek kódját szeretnénk tudni, és kattintson a jobb gombbal bárhová. A megjelenő ablakban kattintson az „Oldalkód megtekintése” elemre.
Egy kódlap új ablakban nyílik meg, amit egy kezdő számára meglehetősen nehéz megérteni. De ne ijedjen meg idő előtt.
Ha csak egy elem kódját szeretné tudni, csak vigye rá az egeret, és kattintson a jobb gombbal. Válasszon egy másik Chrome-funkciót: „Elemkód megtekintése”.
Például érdekelhet, hogyan készült a logó, kép vagy programozási nyelv segítségével? Végül is CSS segítségével négyzetet rajzolhat. Sok szakértő azt tanácsolja, hogy a lehető legtöbb információt írjon le kódba. Hogyan működnek a népszerű oldalakon?
Most megjelentek a szükséges információk. html felül, css alul. Ez két nyelv. Az első a szövegkomponensért, a második a tervezésért felelős. Ha nem lenne CSS, akkor minden alkalommal meg kell adnia a színt és a betűméretet. Ez minden oldal esetében nagyon hosszú. De ha nem lenne html, akkor nem lennének szövegeink. Durván elmagyaráztam, de általában ez így van.
Egyébként akit érdekel, hogyan működik itt, az alábbi kép linkjét nézheti meg. Íme a válaszod.
Mozilla Firefox
Ha szeret masztixben dolgozni, akkor minden pontosan ugyanaz lesz. Nyissa meg az oldalt, és kattintson a jobb egérgombbal. „Oldal forráskódja”, ha a teljes kódot szeretné látni.
Ha az egérmutatót egy elem fölé viszi, megnyithatja annak kódját.
Itt a képernyő alján jelennek meg az adatok, de egyébként minden pontosan ugyanaz.
Yandex böngésző
A Yandex böngészőben minden pontosan ugyanaz, mint az előző két lehetőségnél, nyissa meg az oldalt, kattintson a jobb gombbal, nézze meg az oldal kódját.
Vigyük a kurzort egy elem fölé, ha pontosan meg akarjuk találni a kódját.
Itt minden pontosan ugyanúgy jelenik meg, mint a Chrome-ban.
Opera
És végül az Opera.
Egyébként talán észrevetted, hogy nem kell egeret használnod. Van egy gyors billentyűparancs a kód megnyitásához, és ez minden böngészőben ugyanaz: CTRL+U.
Elemekhez: Ctrl+Shift+C.
Így néz ki az eredmény.
Ez érdekes lesz a kezdőknek
Most nézd meg, hogyan működik minden. Talál egy webhelyet, és nagyon megtetszik néhány elem. Például ezt. Már tudja, hogyan kell megnyitni az elem kódját.
Most másold ki.
Használom, illessze be ezt a kódot egy új html fájlba, a body tag-be (angolul body).
Most pedig nézzük meg, hogyan fog kinézni mindez a böngészőben.
Kész. Ahhoz, hogy a szöveg a szélekhez igazodjon, és zöldes színt kapjon, csatlakoztatnia kell a css-t ehhez a dokumentumhoz, és ki kell másolnia egy másik kódot arról a webhelyről, ahonnan ezt másoltuk.
Ezt most nem fogom megtenni. Ehhez több idő kell: az enyém és a tied is. Úgy gondolom, hogy minden részletet leírok a későbbi publikációimban. Iratkozzon fel a hírlevélre, és értesüljön elsőként, amikor egy cikk megjelenik.
Ha nem bírod, de szeretnél most többet megtudni a html-ről és a css-ről, akkor hagyományosan ingyenes képzéseket tudok ajánlani.
Íme 33 lecke, amely lehetővé teszi a html elsajátítását - "Ingyenes tanfolyam a HTML-ről" .
És itt van teljes információ a css-ről - „Ingyenes kurzus a CSS-ről (45 videolecke!)” .
Most egy kicsit többet tudsz. Sok sikert kívánok a törekvéseihez. Viszlát!