A Mozilla Firefox "Explore elem" funkciójának használata

Funkció A Firefox "Explore elem" funkciója lehetővé teszi a HTML weboldal kódjának megtekintését. A funkció aktiválásával módosíthatja a HTML és a CSS-t. Kísérlet, bármilyen változtatás, majd csak frissítse az oldalt, hogy visszatérjen az eredeti formájához.

Lépések

2. rész: 2:

Tanulmányi elemek

egy. Frissítse a Firefoxot (ha akarja). Nem lesz képes aktiválni az ebben a cikkben leírt összes funkciót, ha a Firefox régi verziójával dolgozik. Határozza meg a böngésző verzióját, hogy futtassa az automatikus frissítést.

A Firefox 9 és korábbi verziói a "Fedezze fel az elem" funkciót egyáltalán.

A kép használata A Mozilla Firefox 2. szakaszának ellenőrzési eleme

2. Kattintson a jobb gombbal bármely weboldal elemre, például kép, szöveg, háttér vagy más elem. Ha nincs kétgombos egér, nyomja meg a vezérlést, és kattintson a bal egérgomb elemre.

A kép használata Használja a Mozilla Firefox 3. lépésében

3. A megnyíló menüben válassza a "Fedezés elem" lehetőséget. Az ablak alján megjelenik az eszköztár, és alatta - az alsó a HTML oldalkóddal.

A kép használata Használja a Mozilla Firefox 4. lépésében

4. Tartsa be az eszköztárakat és az alját. A "Elem felfedezése" kiválasztása, az ablak alján található több alsó lap. Itt vannak a leírásuk:

A Top String az eszköztár. Tartalmaz több lapot, de érdekel az első (bal oldali) fül "ellenőr" (kék színű). Ne váltson más fülekre.

Az eszköztár alatt van egy karakterlánclódási operátorok.

Az alábbiakban az alsó rész a HTML oldalkóddal rendelkezik. A kiválasztott elem HTML kódja kiemelve lesz (kék jelölő), és ezen a szubált központjában található.

A jobb oldalon található a CSS-t ezen az oldalon.

A kép címe Használja az ellenőrző elemet Mozilla Firefox 5. lépésben

öt. Válasszon másik elemet. Miután megnyitja a "Fedezze fel az elem" funkciókat, könnyen kiválaszthat egy másik elemet háromféleképpen:

Mozgassa az egeret a HTML kód vonalába, hogy kiemelje a megfelelő elemet (a Firefox 34+). Kattintson a HTML kódra az elem kiválasztásához.

Kattintson az "Elem kiválasztása az oldalról" ikonra. Ez az ikon a bal oldali eszköztáron található, és négyzet alakú, kurzorral rendelkezik. Egér át a kívánt elemre (a HTML-kód alján), majd kattintson az elemre, hogy kiválassza.

A kép használata A Mozilla Firefox 6. lépésében ellenőrző elemet használja

6. Html navigációs kód. Kattintson az alsó részre a HTML kóddal. Használja a nyílgombokat (a billentyűzeten) a kód navigálásához (a Firefox 39+). Ez akkor hasznos, ha az elem elég kicsi.

A szürke betűtípussal bemutatott HTML kód olyan elemekre vonatkozik, amelyek nem jelennek meg az oldalon. Például megjegyzések, csomópontok (például ) és a CSS-vel rejtett elemek.

Kattintson a tartály bal oldalán lévő nyílra, hogy telepítse vagy elrejtse a tartalmát. Az összes tartály kibővítéséhez kattintson az ALT vagy az opció gombra kattintva.

A kép használata a Mozilla Firefox 7. lépésében

7. Találat. Egy sorban a hibakeresési operátorokkal keresse meg az ikont egy nagyító (jobbra) formájában. Kattintson erre az ikonra a keresési karakterlánc megnyitásához, és írja be a html kódot, amit keres. Ahogy a felbukkanó ablak a megfelelő elemekkel megnyílik. Kattintson a kívánt elemre, és lapozzon a HTML-kód segítségével, hogy megtalálja az elem kódját.

2. rész: 2:

HTML kód szerkesztése

egy. Frissítse az oldalt, hogy törölje az összes beírt módosítást. Ne feledje, hogy a módosítások csak a képernyőn jelennek meg, vagyis nem állandóak. Az oldal bezárása vagy frissítése, az eredeti űrlaphoz visszatér. Tehát ne félj kísérletezni, még akkor is, ha nem teljesen elképzelni, hogy mit fog vezetni.

A kép használata Használja a Mozilla Firefox 9-es vizsgálati elemét

2. Kattintson duplán a HTML kódra, hogy szerkessze. Adja meg az új kódot, és nyomja meg az Enter billentyűt a módosítások mentéséhez.

A kép használata a Mozilla Firefox 10. lépésében

3. Nyomja meg és tartsa lenyomva a STRING-t a hibakeresési operátorokkal, hogy elérje a további beállításokat. Ez a karakterlánc az eszköztár és a föld között található HTML kóddal. Itt van egy hiányos listája további lehetőségek:

"Szerkesztés HTML". Lehetővé teszi az egész csomópont és az összes tartalmának szerkesztését, nem egyedi vonalakat.

"Belső HTML másolása". Másolja a csomópont összes tartalmát, és a "Küldés külső HTML" opció másolatát és csomópontját (például,

vagy ).

"Insert". Az opciók betétek megnyílnak például a csomópont előtt vagy a csomópont után.

": Hover", ": aktív", ": fókusz". Módosítsa az elem megjelenését. A pontos hatást a CSS határozza meg (a jobb oldalon szerkesztve).

A kép használata Használja a Mozilla Firefox 11-es vizsgálati elemét

4. Húzás. Az elemek átrendezéséhez nyomja meg és tartsa lenyomva a HTML kódot, amíg meg nem jelenik a pontozott vonal. Mozgassa felfelé vagy lefelé, és engedje fel, ha a vonal eléri a kívánt pozíciót.

Csak a Firefox 39-ben működik+.

A kép használata A Mozilla Firefox 12-es vizsgálati elemének ellenőrzése

öt. Zárja be a "Fedezze fel az elemek" funkciók alját. Ehhez egyszerűen kattintson az "X" ikonra (az eszköztár jobb oldali sarkában).

Tippek

Az eszköztárat az alábbiak szerint is megnyithatja:

ablakok. Kattintson a "Firefox" - "Fejlesztő" - "Toolbar".
Mac OS vagy Linux. Kattintson az "Eszközök" - "Fejlesztő" - "Toolbar".

A Firefox 40-ben elrejtheti az alsó CSS-kódot, hogy kiterjessze az alját HTML-kóddal. Ehhez a hibakeresési operátorokkal való vonalon találja meg az ikont egy jobbra irányított nyíl formájában (a nagyító mellett). Kattintson erre az ikonra, hogy elrejtse az alját a CSS-kóddal - ismét kattintson az ikonra, hogy telepítse azt.

A CSS-kódot is szerkesztheti, de meghaladja ezt a cikket. Így olvasható ez a cikk.