Sjoch HTML en CSS fan Alle Webside
De webside is boud mei rigels fan code , mar it resultaat is spesifike siden mei ôfbyldings, fideo's, lettertypen en mear. Om ien fan dy eleminten te wizigjen of te sjen wat it bestiet, moatte jo de spesifike line fan koade fine dat it bestiet. Jo kinne dat dwaan mei in elemint ynspeksje-ark.
De measte webbrowsers meitsje jo net in ynspeksje-ark downloade of in oanfolling ynstallearje. Yn steat litte se jo rjochts-klikje op it side-elemint en selektearje Kontrolearje of Ynspeksje Element . It proses kin lykwols in bytsje oare wêze yn jo blêder.
Kontrolearje eleminten yn Chrome
De meast resinte ferzjes fan Google Chrome litte jo de side besjen op in pear wize, allegear brûke har ynboude Chrome DevTools:
- Rjochts-klikke wat op 'e side (of in lege fjild) en selektearje Kontrolearje
- Fier de Ctrl + Shift + I toetseboerdkeksel yn
- Brûk it Chrome menu om tagong te krijen ta de Mear Ark> Untwikkelers ark
De Chrome DevTools litte jo dingen dwaan lykas maklik HTML-rigel kopiearje of oanpasse of elemint ferwiderje of elemint wiskje (oant de side ferfarskje).
As ien fan 'e DevTools op' e side fan 'e side iepenet, dan kinne jo wizigje wêr't it op stiet, pop it út' e side, sykjen foar alle bestannen fan 'e siden, selektearje eleminten fan' e side foar spesifyk ûndersyk, kopiearje triemmen en URL's, en sels in kaai oanpasse fan 'e ynstellings.
Kontrolearje eleminten yn Firefox
As Chrome hat Firefox in pear ferskillende manieren om har ynstrumint te iepenjen neamd Inspector:
- Rjochts-klikke op in lege gebiet op 'e side of selektearje in elemint, en selektearje Inpect Element
- Enter Ctrl + Shift + T of Ctrl + Shift + I mei it toetseboerd
- Gean út it menu fan Firefox op Untwikkelder > Ynspeksje
- Gean út it menu ' Ark' op ' Web Developer> Inspector'
As jo jo mûs oer ferskate eleminten yn Firefox ferpleatse, fynt it Ynspeksje-ark automatysk de boarne-koade-ynformaasje fan 'e elemint. Klik op in elemint en de "on-the-fly search" sil stopje en jo kinne it elemint ûndersykje fan it Inspector-finster.
Rjochts-klikke op in elemint om alle ûndersteande kontrôles te finen. Jo kinne dingen dwaan lykas it bewurkjen fan 'e side as HTML, kopiearje of yndrukke of ynterne of eksterne HTML-koade, DOM-eigenskippen sjen, skermôfbrekke of knop wiskje, nije attributen oanpasse, alle CSS-siden sjen, en mear.
Kontrolearje eleminten yn Opera
Opera kin de eleminten ek kontrolearje, mei it DOM-ynspeksje-ark dat identyk is mei Chrome's. Hjir is hoe't jo it folgje:
- Brûk de toetseboerd fluchtoets Ctrl + Shift + I
- Navigearje nei Menu> Mear Ark> Bewurkje menu foar it ûntwikkeljen en iepenje it menu troch Menu> Developer> Developer Tools
- Fan it rjochts-klik-menu op elke elemint op 'e side, kieze elemint markearje
Kontrolearje eleminten yn Internet Explorer
In fergelykbere ynspeksje-elemint-ark, called Developer Tools, is beskikber yn Internet Explorer:
- Druk op F12 op it toetseboerd
- Brûk de Opsjes> Opsjesmenu F12 Developer Menu ( Alt + X opsje as jo it menu's Ark net sjen)
- Rjochts-klikke op 'e side en klik op Inspect Element
IE hat in elemint ark Selektearje yn dit nije menu wêrtroch jo klikke op elke side-elemint om jo HTML en CSS-details te besjen. Jo kinne ek elemint markearje as jo troch it ljepblêd DOM Explorer blêdzje.
Lykas de oare ynspektors ark yn 'e boppeste browsers, kinne Internet Explorer jo knoppen, kopiearje en elke eleminten oanmeitsje, as jo it HTML bewurkje, oanfiere eigenskippen, eleminten mei stilen oanbean, en mear.