Shikoni HTML dhe CSS të çdo Faqe Web
Faqja e internetit është ndërtuar me linja të kodit , por rezultati është faqe specifike me imazhe, video, fonts dhe më shumë. Për të ndryshuar një nga ato elemente ose për të parë se çfarë përmban, duhet të gjesh vijën specifike të kodit që e kontrollon atë. Ju mund ta bëni këtë me një mjet inspektimi elementësh.
Shumica e shfletuesve të internetit nuk bëjnë që të shkarkoni një vegël inspektimi ose të instaloni një shtesë. Në vend të kësaj, ata ju lejojnë të klikoni me të djathtën mbi elementin e faqes dhe zgjidhni Inspect or Inspect Element . Megjithatë, procesi mund të jetë pak më ndryshe në shfletuesin tuaj.
Inspect Elements në Chrome
Versioni më i fundit i Google Chrome ju lejon të inspektoni faqen në disa mënyra, të cilat përdorin DevTools-in e saj të Chrome:
- Djathtas-klikoni diçka në faqe (ose një zonë të zbrazët) dhe zgjidhni Inspect
- Shkruani shkurtoren e tastierës Ctrl + Shift + I
- Përdorni menynë e Chrome për të hyrë në opsionet Më shumë> Vegla zhvilluesi
DevTools Chrome ju lejon të bëni gjëra të thjeshta si të kopjoni ose të redaktoni linjat HTML ose të fshini ose fshini elementet krejtësisht (derisa faqja të rifillojë).
Sapo të hapet DevTools në anën e faqes, mund të ndryshoni se ku është pozicionuar, nxjerr nga faqja, kërkoni të gjitha skedarët e faqes, zgjidhni elementet nga faqja për ekzaminim specifik, kopjoni skedarët dhe URL-të dhe madje përshtatni një grup e cilësimeve.
Inspect Elements në Firefox
Ashtu si Chrome, Firefox ka disa mënyra të ndryshme për të hapur mjetin e saj të quajtur Inspektori:
- Djathtas-klikoni një zonë të bardhë në faqe ose zgjidhni një element dhe zgjidhni Inspect Element
- Futni Ctrl + Shift + T ose Ctrl + Shift + I me tastierën
- Nga menyja e Firefox-it, klikoni Developer > Inspector
- Nga menyja Tools , klikoni Web Developer> Inspector
Ndërsa lëvizni miun mbi elementë të ndryshëm në Firefox, mjeti i inspektorit gjen automatikisht informacionin e kodit burimor të elementit. Kliko një element dhe kërkimi "në fluturim" do të ndalet dhe mund ta kontrolloni elementin nga dritarja e Inspektorit.
Djathtas-klikoni një element për të gjetur të gjitha kontrollet e mbështetura. Ju mund të bëni gjëra të tilla si redaktimi i faqes si HTML, kopjimi ose ngjitja e kodit HTML të brendshëm ose të jashtëm, shfaqja e pronave të DOM, pamjes së ekranit ose fshirja e nyjes, aplikimi i lehtë i atributeve të reja, shikimi i të gjithë CSS-së së faqes dhe më shumë.
Inspect Elements në Opera
Opera mund të inspektojë elementë gjithashtu, me mjetin e inspektorit DOM që është identik me Chrome. Ja se si të arrini tek ajo:
- Përdorni shkurtoren e tastierës Ctrl + Shift + I
- Shkoni te Menu> Më shumë mjete> Trego menunë Zhvilluesi dhe pastaj hapni menunë përmes Meny> Developer> Tools Zhvilluesish
- Nga menyja e klikimit të djathtë në çdo element në faqe, zgjidhni Elementi i Inspektimit
Inspect Elements në Internet Explorer
Një mjet i ngjashëm i inspektimit të elementit, i quajtur Veglat zhvilluese, është në dispozicion në Internet Explorer:
- Shtypni F12 në tastierë
- Përdorni menunë Tools> F12 Developer Menu (klikoni Alt + X nëse nuk shihni menunë Tools )
- Djathtas-klikoni në faqen dhe klikoni Elementi i inspektimit
IE ka një mjet Select element në këtë meny të re që ju lejon të klikoni në ndonjë element të faqes për të parë detajet e tij të HTML dhe CSS. Ju gjithashtu mund të çaktivizoni / aktivizoni lehtë theksimin e elementeve gjatë kohës që jeni duke kaluar nëpër skedën e DOM Explorer .
Ashtu si mjetet e tjera të inspektorit të elementeve në shfletuesit e mësipërm, Internet Explorer ju lejon të shkurtoni, kopjoni dhe ngjisni elementet si dhe të redaktoni HTML, shtoni atribute, kopjoni elementë me stilet e bashkangjitura dhe më shumë.