Žiūrėkite bet kurio tinklalapio HTML ir CSS
Svetainė yra sukurta su kodo linijomis, tačiau rezultatas yra konkretūs puslapiai su vaizdais, vaizdo įrašais, šriftais ir kt. Jei norite pakeisti vieną iš šių elementų arba sužinoti, iš ko ji susideda, turite rasti konkrečią jo valdomą kodą. Tai galite padaryti naudodami elemento tikrinimo įrankį.
Dauguma interneto naršyklių nepadeda atsisiųsti tikrinimo priemonės arba įdiegti papildinį. Vietoj to jie leidžia jums dešiniuoju pelės mygtuku spustelėkite puslapio elementą ir pasirinkite Inspect or Inspect Element . Tačiau jūsų naršyklėje procesas gali būti šiek tiek kitoks.
Peržiūrėkite "Chrome" elementus
Naujausios "Google Chrome" versijos leidžia jums patikrinti puslapį keliais būdais, iš kurių visi naudoja integruotą "Chrome DevTools":
- Dešiniuoju pelės mygtuku spustelėkite kažką puslapyje (arba tuščiame plote) ir pasirinkite Tikrinti
- Įveskite sparčiuosius klavišus " Ctrl + Shift + I"
- Naudokite "Chrome" meniu, kad pasiektumėte parinktį Daugiau įrankių> Kūrėjo įrankiai
"Chrome DevTools" suteikia jums galimybę paprastai kopijuoti ar redaguoti HTML eilutes arba visiškai paslėpti arba ištrinti elementus (kol puslapis iš naujo įkeltas).
Kai "DevTools" atsidaro puslapio šone, galite pakeisti vietą, kurioje ji yra, iššokę iš puslapio, ieškokite visų puslapio failų, pasirinkite konkretaus egzamino elementų iš puslapio, kopijuokite failus ir URL, ir net pritaikykite grupę nustatymų.
Peržiūrėkite elementus "Firefox"
Kaip ir "Chrome", "Firefox" turi keletą skirtingų būdų atidaryti savo įrankį "Inspector":
- Dešiniuoju pelės klavišu spustelėkite tuščią srities puslapį arba pasirinkite elementą ir pasirinkite Inspect Element
- Su klaviatūra įveskite Ctrl + Shift + T arba Ctrl + Shift + I
- Iš meniu "Firefox" spustelėkite " Kūrėjas" > " Inspector"
- Meniu " Įrankiai" spustelėkite " Interneto kūrėjas"> "Inspector"
Kai perkeliate pelę ant įvairių "Firefox" elementų, Inspector įrankis automatiškai nustato elemento informacijos šaltinio kodą. Spustelėkite elementą, o "skrydžio paieškos" sustojimas ir elemento ištyrimas iš inspektoriaus lango.
Dešiniuoju pelės mygtuku spustelėkite elementą, jei norite rasti visus palaikomus valdiklius. Galite atlikti tokius veiksmus kaip redaguoti puslapį kaip HTML, kopijuoti ar įklijuoti vidinį ar išorinį HTML kodą, parodyti DOM savybes, ekrano kopiją arba ištrinti mazgą, lengvai taikyti naujus atributus, peržiūrėti visą CSS puslapį ir dar daugiau.
Peržiūrėkite elementus "Opera"
Opera taip pat gali tikrinti elementus, o tai yra "DOM Inspector" įrankis, kuris yra identiškas "Chrome". Štai kaip tai pasiekti:
- Naudokite klaviatūros kombinaciją Ctrl + Shift + I
- Eikite į " Meniu"> "Daugiau įrankių"> "Rodyti kūrėją" meniu ir atidarykite meniu naudodami Meniu> Kūrėjas> Kūrėjo įrankiai
- Dešiniuoju pelės mygtuku spustelėkite bet kurio elemento puslapyje, pasirinkite " Tikrinti elementą"
Patikrinkite elementus "Internet Explorer"
Panašių elementų patikrinimo elementas, vadinamas "Kūrėjo įrankiais", yra "Internet Explorer":
- Paspauskite F12 klaviatūra
- Naudokite įrankį " Įrankiai"> "F12" kūrėjo meniu (paspauskite " Alt + X", jei nematote meniu " Įrankiai" ).
- Dešiniuoju pelės mygtuku spustelėkite puslapį ir spustelėkite Tikrinti elementą
Šiame meniu "IE" turi " Select element" įrankį, kuris leidžia spustelėti bet kurio puslapio elementą, kad pamatytumėte jo HTML ir CSS detales. Be to, naršydami DOM skirtuką " Explorer ", galite lengvai išjungti / įjungti elementų paryškinimą.
Kaip ir kiti elementų inspektorių įrankiai minėtose naršyklėse, "Internet Explorer" leidžia jums iškirpti, kopijuoti ir įklijuoti elementus, redaguoti HTML, pridėti atributus, kopijuoti elementus su pridėtu stiliumi ir dar daugiau.