Tan-awa ang HTML ug CSS sa bisan unsang Web Page
Ang website gitukod nga adunay linya sa code , apan ang resulta mao ang piho nga mga panid nga may mga larawan, video, mga font ug daghan pa. Aron mausab ang usa sa mga elemento o tan-awon kung unsa ang gilangkoban niini, kinahanglan nimo nga pangitaon ang piho nga linya sa kodigo nga nagkontrol niini. Mahimo nimo kana pinaagi sa usa ka kahimanan sa pagsusi sa elemento.
Kadaghanan sa web browsers wala magdala kanimo sa pag-download sa usa ka tool sa inspeksyon o pag-instalar sa usa ka add-on. Hinunoa, gipaayo ka nila sa pag-klik sa elemento sa panid ug pagpili sa Inspect or Inspect Element . Bisan pa, ang proseso tingali usa ka gamay nga kalainan sa imong browser.
Susiha ang Mga Elemento sa Chrome
Ang pinaka-bag-o nga mga bersyon sa Google Chrome mopasidaan kanimo sa panid sa pipila ka mga paagi, nga ang tanan naggamit sa iyang built-in nga Chrome Devools:
- Pag-klik sa usa ka butang sa pahina (o usa ka blangko nga lugar) ug pilia ang Inspect
- Pagsulod sa keyboard sa Ctrl + Shift + I
- Gamita ang menu sa Chrome aron ma-access ang More Tools> Opsyon sa tool sa Developer
Ang Chrome DevTools nagtugot kanimo sa paghimo sa mga butang sama sa dali nga pagkopya o pag-edit sa mga linya sa HTML o pagtago o pag-delete sa tanan nga mga elemento (hangtud nga ang reload sa pahina).
Sa higayon nga ibutang ang DevTools sa kilid sa panid, mabag-o mo kung asa kini gipahimutang, ibutang kini gikan sa panid, pangitaa ang tanang mga file sa panid, pilia ang mga elemento gikan sa panid alang sa piho nga pagsusi, kopyaha ang mga file ug mga URL, ug ipasibo ang usa ka pundok sa mga kahimtang.
Susiha ang Mga Elemento sa Firefox
Sama sa Chrome, adunay pipila ka nagkalainlain nga mga pamaagi sa Firefox aron mabuksan ang himan nga gitawag nga Inspector:
- Pag-right-click ang blangko nga lugar sa panid o pagpili og elemento, ug pilia ang Inspect Element
- Pagsulod sa Ctrl + Shift + T o Ctrl + Shift + I uban sa keyboard
- Gikan sa menu sa Firefox, i-click ang Developer > Inspector
- Gikan sa Tools nga menu, i-klik ang Web Developer> Inspector
Sa imong paglihok sa imong mouse ibabaw sa lainlaing mga elemento sa Firefox, ang Inspector nga himan awtomatik nga makit-an ang impormasyon sa source code sa elemento. I-klik ang usa ka elemento ug ang "on-the-fly search" mohunong ug mahimo nimong susihon ang elemento gikan sa window sa Inspector.
Pag-right-click ang usa ka elemento aron makita ang tanang gisuportahan nga mga kontrol. Mahimo nimo ang mga butang sama sa pag-edit sa panid ingon nga HTML, kopyahon o i-paste ang sulod o gawas nga code sa HTML, ipakita ang DOM properties, screenshot o pag-delete sa node, dali nga magamit ang bag-ong mga kinaiya, tan-awa ang tanang CSS page, ug daghan pa.
Susiha ang mga Elemento sa Opera
Ang opera makasusi sa mga elemento usab, nga kini ang DOM Inspector nga himan sa Chrome. Ania kon unsaon sa pagkuha niini:
- Gamita ang keyboard shortcut nga Ctrl + Shift + I
- Pagdala sa Menu> Dugang nga Tools> Ipakita ang menu sa Developer , ug dayon ablihi ang menu pinaagi sa Menu> Developer> Tools sa Developer
- Gikan sa right-click nga menu sa bisan unsang elemento sa panid, pilia ang Inspect element
Susiha ang mga Elemento sa Internet Explorer
Ang susama nga pagsusi sa himan nga elemento, nga gitawag Tools sa Developer, anaa sa Internet Explorer:
- Pindota ang F12 sa keyboard
- Gamita ang Mga himan> Opsyon sa F12 Developer Menu (pag-hit Alt + X kung dili nimo makita ang Tools menu)
- Pag-right click sa pahina ug i-klik ang Inspect Element
Ang IE adunay usa ka tool sa pagpili nga elemento niining bag-ong menu nga magamit nimo sa pag-klik sa bisan unsang elemento sa panid aron makita ang mga detalye sa HTML ug CSS. Mahimo usab nimo nga sayon nga pag-disable / pag-enable ang highlight sa elemento samtang nag-browse ka sa tab sa DOM Explorer .
Sama sa ubang mga tool sa inspector sa elemento sa ibabaw sa mga browser, ang Internet Explorer nagtugot kanimo sa pagputol, pagkopya, ug pag-paste sa mga elemento maingon man pag-edit sa HTML, pagdugang sa mga hiyas, pag-kopya sa mga elemento gamit ang mga estilo nga gilakip, ug daghan pa.