Gade HTML ak CSS nenpòt paj entènèt
Sou sit wèb la bati ak liy nan kòd , men rezilta a se paj espesifik ak imaj, videyo, polis ak plis ankò. Pou chanje youn nan eleman sa yo oswa wè ki sa li konpoze de, ou gen jwenn liy lan espesifik nan kòd ki kontwole li. Ou ka fè sa ak yon zouti enspeksyon eleman.
Pifò navigatè entènèt pa fè ou download yon zouti enspeksyon oswa enstale yon ajoute-sou. Olye de sa, yo kite ou dwa-klike sou eleman nan paj epi chwazi Enspekte oswa Enspekte Eleman . Sepandan, pwosesis la ka yon ti kras diferan nan navigatè ou a.
Enspekte Eleman nan Chrome
Vèsyon yo ki pi resan nan Google Chrome kite ou enspekte paj la nan yon fason kèk, tout nan yo ki sèvi ak bati-an Chrome DevTools:
- Dwa-klike sou yon bagay sou paj la (oswa yon zòn vid) epi chwazi Enspekte
- Antre nan Ctrl + Shift + mwen klavye chemen kout la
- Sèvi ak meni an Chrome jwenn aksè nan zouti yo plis zouti Developer zouti
Chrome DevTools yo kite ou fè bagay sa yo tankou fasil kopye oswa edite HTML liy oswa kache oswa efase eleman tout ansanm (jiskaske paj la Reloads).
Yon fwa DevTools ouvè sou bò paj la, ou ka chanje kote li pozisyone, pòp li soti nan paj la, rechèch pou tout dosye paj la, eleman chwazi nan paj la pou egzamen espesifik, kopi dosye ak URL, e menm Customize yon pakèt nan anviwònman yo.
Enspekte Eleman nan Firefox
Menm jan ak Chrome, Firefox gen yon kèk fason diferan yo louvri zouti li yo rele Enspektè:
- Dwa-klike sou yon zòn vid nan paj la oswa chwazi yon eleman, epi chwazi Eleman Enspekte
- Antre nan Ctrl + Shift + T oswa Ctrl + Shift + Mwen ak klavye la
- Soti nan meni an Firefox, klike sou Developer > Enspektè
- Soti nan meni an Zouti , klike sou Web Developer> Enspektè
Pandan w ap deplase sourit ou a sou eleman divès kalite nan Firefox, Zouti Enspektè a otomatikman jwenn enfòmasyon sous eleman an. Klike sou yon eleman ak "sou-a-vole rechèch la" ap sispann epi ou ka egzaminen eleman ki soti nan fenèt Enspektè a.
Dwa-klike sou yon eleman jwenn tout kontwole yo sipòte. Ou ka fè bagay sa yo tankou modifye paj la kòm HTML, kopye oswa kole enteryè oswa ekstèn HTML kòd, montre pwopriyete DOM, D oswa efase ne a, fasil aplike atribi nouvo, gade tout CSS paj la, ak plis ankò.
Enspekte Eleman nan Opera
Opera ka enspekte eleman twò, ak li DOM enspektè zouti sa a ki idantik ak Chrome a. Men ki jan pou li ale nan li:
- Sèvi ak klavye a klavye Ctrl + Shift + mwen
- Navige nan Menu> Plis Zouti> Montre Developer meni , ak Lè sa a, louvri meni an nan meni> Developer> Zouti Developer
- Soti nan meni an dwa-klike sou nenpòt eleman nan paj la, chwazi Enspekte eleman
Enspekte Eleman nan Internet Explorer
Yon zouti eleman enspekte menm jan an, ki rele Zouti Developer, ki disponib nan Internet Explorer:
- Peze F12 sou klavye a
- Sèvi ak Zouti> F12 Developer Menu opsyon a (frape Alt + X si ou pa wè meni an zouti )
- Dwa-klike sou paj la epi klike sou Enspekte eleman
IE gen yon zouti Eleman Chwazi nan meni nouvo sa a ki pèmèt ou klike sou nenpòt ki eleman paj yo wè detay HTML ak CSS li yo. Ou ka fasilman enfim / pèmèt eleman en pandan ou ap Navigasyon atravè tab la DOM Explorer .
Tankou zouti lòt enspektè eleman nan navigatè yo pi wo a, Internet Explorer pèmèt ou koupe, kopye, ak keratin eleman kòm byen ke modifye HTML la, ajoute atribi, eleman kopi ak Styles tache, ak plis ankò.