Hoe kinne jo eleminten fan 'e webside besjen

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:

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:

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:

Kontrolearje eleminten yn Internet Explorer

In fergelykbere ynspeksje-elemint-ark, called Developer Tools, is beskikber yn Internet Explorer:

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.