Jereo ny HTML sy CSS an'ny pejy rehetra
Ny tranonkala dia miorina amin'ny andalana code , fa ny vokatra dia pejy miavaka amin'ny sary, lahatsary, fonos ary bebe kokoa. Raha te hanova ny iray amin'ireo singa ireo na hijery ny zavatra misy azy, dia tsy maintsy mahita ny andalana voafaritra tsara momba ny code izay mifehy azy io ianao. Azonao atao izany miaraka amin'ny fitaovana fanaraha-maso ny singa.
Ny ankamaroan'ny navigateur web dia tsy mamela anao haka fitaovana fanamarinana na hametraka fanampim-panazavana. Aleo izy ireo mametaka ankapobeny ilay singa ao amin'ny pejy ary misafidy ny " Inspect" na ny " Inspect Element" . Na izany aza dia mety ho hafa amin'ny navigateur ny dingana.
Jereo ny Elements amin'ny Chrome
Ny dikan-teny farany indrindra ao amin'ny Google Chrome dia mamela anao handinika ny pejy amin'ny fomba vitsivitsy, izay mampiasa ny tranokala Chrome DevTools rehetra:
- Tsindrio eo ankavanana eo amin'ny pejy (na faritra tsy misy) ary misafidiana Inspect
- Ampidiro ny famadihana ny Ctrl + Shift + I
- Ampiasao ny menio Chrome mba hahazoana ny safidy fanampiny Tools> Developer Tools
Ny Chrome DevTools dia mamela anao hanao zavatra tahaka ny mora kopia na fanitsiana ny tsipika HTML na manafenana na mamafa ireo singa tanteraka (mandra-panavaozana ny pejy).
Raha vao manokatra ny pejy misy ny DevTools, azonao atao ny manova ny toerana misy azy, mipoitra avy ao amin'ny pejiny, mitady ny rakitra rehetra ao amin'ny pejin'ny pejy, mifidy singa ao amin'ny pejin-kaonty manokana, kopia antonta sy URL, ary manamboatra bunch ny toe-javatra.
Jereo ny Elements amin'ny Firefox
Toy ny Chrome, Firefox dia manana fomba vitsivitsy vitsivitsy hanokafana ny fitaovana antsoina hoe Inspector:
- Tsindrio eo ankavanana misy faritra tsy misy eo amin'ny pejy na mifidiana singa iray, ary mifidy ny Inspect Element
- Ampidiro Ctrl + Shift + T na Ctrl + Shift + I amin'ny klavier
- Avy ao amin'ny menio Firefox dia kitiho ny Developer > Inspector
- Avy amin'ny menio Tools dia tsindrio ny Web Developer> Inspector
Rehefa mamindra ny totozy eo amin'ny singa samihafa ao amin'ny Firefox ianao, ny fitaovana Inspector dia ahitanao ny mombamomba ny loharanom-baovaon'ny singa. Tsindrio ny singa iray ary hijanona ny "search-fly" ary afaka mandinika ny singa ao amin'ny varavarankinan'ny Inspector ianao.
Tsindrio eo ankavanana ny singa iray mba hahitana ny fanaraha-maso fanohanana rehetra. Azonao atao ny manova zavatra toy ny fanitsiana ny pejy ho HTML, kopia na paka ao amin'ny code HTML anatiny na ivelany, asehoy ireo toetra DOM, pikantsary na manala ny node, mora ampiasaina ireo toetra vaovao, jereo ny CSS manontolo ny pejy, ary misimisy kokoa.
Jereo ny Elements ao amin'ny Opera
Afaka mandinika ireo singa ihany koa ny Opera, miaraka amin'ny fitaovana DOM Inspector izay mitovy amin'ny Chrome. Ity ny fomba hahatongavana amin'izany:
- Ampiasao ny fametahana ny tranokala Ctrl + Shift + I
- Mankanesa any amin'ny Menu> Fitaovana fanampiny> Ampidiro ny menokan'ny Developer , ary sokafy ny sakafo amin'ny alalan'ny menu> Developer> Tools Developer
- Avy amin'ny soso-keveto ankavanana amin'ny elatry ny singa ao amin'ny pejy, misafidy ny singa Inspect
Jereo ny Elements amin'ny Internet Explorer
Misy fitaovana fanaraha-maso toy izany, antsoina hoe Developer Tools, hita ao amin'ny Internet Explorer:
- Tsindrio F12 eo amin'ny klavier
- Ampiasao ny safidy Tools> F12 Developer Menu (tsindrio Alt + X raha tsy mahita ny menu Extras ianao)
- Tsindrio havanana amin'ny pejy ary tsindrio ny Inspect Element
IE dia manana fitaovana mifidy singa ao amin'ity menus vaovao ity izay mamela anao hikirakira ny elanelan'ny pejy ahitanao ny tsipiriany HTML sy CSS. Azonao atao koa ny manafoana mora foana ny fanasongadinana ny singa raha toa ianao ka mitsidika ny tabilao DOM Explorer .
Tahaka ny fitaovana fanaraha-maso hafa ao amin'ireo browser-nao etsy ambony, ny Internet Explorer dia mamela anao manapaka, manapika, mametaka ary mametaka ny HTML, mampiavaka ny toetr'andro, manandrama singa amin'ny endritsoratra mifandray, ary bebe kokoa.