Ara l-HTML u CSS ta 'Kull Paġna tal-Web
Il-websajt hija mibnija b'linji ta ' kodiċi , iżda r-riżultat huwa paġni speċifiċi b'immaġnijiet, video, fonts u aktar. Biex tbiddel wieħed minn dawk l-elementi jew tara x'jikkostitwixxi, għandek issib il-linja speċifika tal-kodiċi li tikkontrollaha. Tista 'tagħmel dan b'għodda ta' spezzjoni element.
Ħafna mill-web browsers ma jagħmlux tniżżel għodda ta 'spezzjoni jew tinstalla add-on. Minflok, tavżak dritt ikklikkja l-element tal-paġna u agħżel Spezzjona jew Spezzjona Element . Madankollu, il-proċess jista 'jkun ftit differenti fil-browser tiegħek.
Spezzjona l-Elementi fil-Chrome
L-aktar verżjonijiet reċenti ta 'Google Chrome tavżak jispezzjonaw il-paġna f'xi ftit modi, li kollha kemm huma jużaw id-DevTools Chrome tagħha stess:
- Ikklikkja fuq il-lemin ikklikkja xi ħaġa fuq il-paġna (jew żona vojta) u agħżel Spezzjona
- Daħħal il- buttuna Ctrl + Shift + I tat- tastiera
- Uża l-menu Chrome biex ikollok aċċess għall- Għodda Aktar> Għodda ta 'Għodda ta' Żviluppatur
Id-DevTools Chrome tavżak tagħmel affarijiet bħal faċilment kopja jew jeditjaw linji HTML jew jaħbu jew iħassru elementi għal kollox (sakemm il-paġna jerġgħu jitgħabbew).
Ladarba tiftaħ id-DevTools fuq in-naħa tal-paġna, tista 'tbiddel fejn tkun imqiegħda, murha barra mill-paġna, tfittex il-fajls kollha tal-paġna, tagħżel elementi mill-paġna għal eżami speċifiku, kopja ta' fajls u URLs, u anke tippersonalizza mazz tas-settings.
Spezzjona Elementi fil-Firefox
Bħal Chrome, Firefox għandu ftit modi differenti biex tiftaħ l-għodda tagħha msejħa Spettur:
- Ikklikkja fuq il-lemin ikklikkja żona vojta fuq il-paġna jew tagħżel element, u agħżel Spezzjona l-Element
- Daħħal Ctrl + Shift + T jew Ctrl + Shift + I bit-tastiera
- Mill-menu Firefox, ikklikkja Developer > Spettur
- Mill-menu Għodda , ikklikkja Web Developer> Spettur
Hekk kif tiċċaqlaq il-maws fuq elementi varji f'Filter, l-għodda Spettur issib awtomatikament l-informazzjoni tal-kodiċi tas-sors tal-element. Ikklikkja fuq element u "t-tfittxija fuq il-fly" se tieqaf u tista 'teżamina l-element mit-tieqa tal-Ispettur.
Ikklikkja fuq id-dritt ikklikkja element biex issib il-kontrolli kollha appoġġjati. Tista 'tagħmel affarijiet bħal teditja l-paġna bħala HTML, kopja jew paste ta' ġewwa jew ta 'kodiċi HTML ta' barra, turi propjetajiet DOM, screenshot jew iħassar in-node, faċilment tapplika attributi ġodda, ara kollha tas-CSS tal-paġna, u aktar.
Spezzjona l-Elementi fl-Opera
Opera tista 'tispezzjona elementi wkoll, bl-għodda tagħha DOM Spettur li hija identika għall-Chrome's. Hawnhekk kif għandna nagħmlu:
- Uża l-keyboard shortcut Ctrl + Shift + I
- Mur fil- Menu> Aktar Għodda> Żur il-menu Developer , u mbagħad iftaħ il-menu permezz tal- Menu> Developer> Developer Tools
- Mill-menu tal-buttuni tal-lemin fuq kull element fuq il-paġna, agħżel l- element Spezzjona
Spezzjona Elementi fl-Internet Explorer
Għodda ta 'spezzjoni simili tissejjaħ Developer Tools, hija disponibbli fl-Internet Explorer:
- Agħfas F12 fuq it-tastiera
- Uża l-Għażla tal- Għodda> F12 Developer Menu (hit Alt + X jekk ma tarax il-menu Għodod )
- Ikklikkja fuq il-paġna u kklikkja fuq Iċċekkja l-Element
IE għandu għodda ta ' element Select f'dan il-menu ġdid li jagħtik ikklikkja fuq kwalunkwe element tal-paġna biex tara d-dettalji HTML u CSS tagħha. Tista 'wkoll tiddiżattiva faċilment / tippermetti element li jenfasizza meta tkun qiegħed tfittex permezz tat-tab DOM Explorer .
Bħall-għodda tal-ispettur tal-elementi l-oħra fil-browsers ta 'hawn fuq, Internet Explorer ihallik jaqtgħu, kopja, u paste elementi kif ukoll jeditjaw l-HTML, iżid attributi, kopja elementi bi stili mehmuża, u aktar.