Sjá HTML og CSS á hvaða vefsíðu sem er
Vefsíðan er byggð með númerum kóða , en niðurstaðan er sérstök síður með myndum, myndskeiðum, letri og fleira. Til að breyta einum þessara þátta eða sjá hvað það samanstendur af, verður þú að finna tiltekna línu af kóða sem stjórnar því. Þú getur gert það með frumefni skoðun tól.
Flestir vefur flettitæki gera þér ekki að hlaða niður skoðunarverkfæri eða setja upp viðbót. Þess í stað lætur þau þig hægrismella á hliðarhlutann og velja Skoðaðu eða Skoðaðu Element . Hins vegar gæti ferlið verið svolítið öðruvísi í vafranum þínum.
Skoðaðu atriði í Chrome
Nýjustu útgáfur af Google Chrome gerir þér kleift að skoða síðuna á nokkra vegu, sem öll nota innbyggðu Chrome DevTools þess:
- Hægrismelltu á eitthvað á síðunni (eða eyða svæði) og veldu Skoðun
- Sláðu inn Ctrl + Shift + I lyklaborðið
- Notaðu Chrome valmyndina til að opna valkostinn Meira verkfæri> Hönnuður verkfæri
Chrome DevTools gerir þér kleift að gera hluti eins og að afrita eða breyta HTML-línum auðveldlega eða fela eða eyða þætti að öllu leyti (þar til blaðið endurhleðst).
Þegar DevTools opnar við hliðina á síðunni geturðu breytt hvar það er staðsett, skjóta það út af síðunni, leita að öllum skrár síðunnar, veldu þætti úr síðunni til sérstakrar skoðunar, afritaðu skrár og vefslóðir og jafnvel aðlaga fullt af stillingunum.
Skoðaðu þætti í Firefox
Eins og Chrome, hefur Firefox nokkrar mismunandi leiðir til að opna tólið sem heitir Inspector:
- Hægrismelltu á autt svæði á síðunni eða veldu þátt og veldu Skoðaðu Element
- Sláðu inn Ctrl + Shift + T eða Ctrl + Shift + I með lyklaborðinu
- Í Firefox valmyndinni skaltu smella á Hönnuður > Eftirlitsmaður
- Í Verkfæri valmyndinni skaltu smella á Vefur Hönnuður> Eftirlitsmaður
Eins og þú færir músina yfir ýmsa þætti í Firefox, finnur Inspector tólið sjálfkrafa frumkóða upplýsingar frumefnisins. Smelltu á þáttur og "á-fljúga leit" hættir og þú getur skoðað frumefni úr Inspector glugganum.
Hægri smelltu á þáttur til að finna allar studdar stýringar. Þú getur gert hluti eins og að breyta síðunni sem HTML, afrita eða líma innri eða ytri HTML kóða, sýndu DOM eiginleika, skjámynd eða eyða hnútnum, notaðu nýjar eiginleikar, notaðu allar CSS síðunnar og fleira.
Skoðaðu þætti í óperu
Opera getur skoðað atriði líka, með það er DOM Inspector tól sem er eins og Króm. Hér er hvernig á að komast að því:
- Notaðu flýtilyklaborðið Ctrl + Shift + I
- Farðu í Valmynd> Fleiri Verkfæri> Sýna þróunarvalmyndina og opnaðu valmyndina í gegnum Valmynd> Hönnuður> Hönnuður Verkfæri
- Frá hægri smelli valmyndinni á hvaða þáttur á síðunni skaltu velja Skoðaðu frumefni
Skoðaðu þætti í Internet Explorer
Svipað eftirlitshlutverk tól, sem heitir þróunarverkfæri, er fáanlegt í Internet Explorer:
- Ýttu á F12 á lyklaborðinu
- Notaðu valmyndina Tools> F12 Developer Menu (ýttu á Alt + X ef þú sérð ekki Verkfæri valmyndina)
- Hægrismelltu á síðuna og smelltu á Inspector Element
IE hefur Select frumefni tól í þessari nýju valmynd sem leyfir þér að smella á hvaða síðu frumefni til að sjá HTML og CSS upplýsingar. Þú getur einnig auðveldlega slökkt á / virkjaðu atriði sem er auðkenndur meðan þú vafrar í gegnum flipann DOM Explorer .
Eins og önnur verkfæri til að skoða verkfæri í ofangreindum vafra, leyfir Internet Explorer þér að skera, afrita og líma þætti eins og heilbrigður eins og breyta HTML, bæta við eiginleikum, afrita þætti með tengdum stílum og fleira.