Vede u HTML è CSS di Qualchì Pagina Web
U situ hè dinò stampatu cù linii di codice , ma u risultatu sò pagine specifiche cù l'imagine, u video, i funti è più. Per mudificà unu di quelli elementi è vede ciò chì hè cumpostu, avete a truvari la linia specifica di codice chì ci cuntrola. Pudete fà cù una strumentu d'infurmazione elementu.
A maiò parte di i web browsers ùn fate micca fà scaricà una strumenta di inspezione o installate un add-on. Invece, ci permettenu di cliccà nant'à u elementu di a pagina è sceglite Inspecting o Inspect Element . In ogni modu, u prucessu pò esse un pocu sfarente in u vostru navigatore.
Inspect Elements in Chrome
I versi più recenti di Google Chrome permettenu insegicheghja a pagina in qualchi modu, tutti quelli chì anu utilizatu u so crescente in Chrome DevTools:
- Cliccate da un cliccà nant'à a pagina (o un territoriu in biancu) è sceglite Inspect
- Ingressu Ctrl + Shift + I inattighjardu di tastu
- Utilizate u menù Chrome in accede à l' Altre i Tools> L' opere di l' uttine di sviluppatore
I Chrome DevTools permettenu fà cose cum'è facilmente còpia o edità ligame HTML o oculanu o elementi d'altri (finu à chì a pàgina ricaricate).
Quandu DevTools hà apertu nantu à a parte di a pagina, pudete cambià in oghje si ponenu, sfilene da a pagina, cercanu tutti i schedari, selezziunate elementi da a pàgina per esaminazione specifica, copienu l'arghjuli è l'URL, è ancu persunalizate un gruppu di i paràmetri.
Inspect Elements in Firefox
Cume Chrome, Firefox possa uni pochi manere diffichiuli di apre u opensione chjamata Spetturore:
- Cliccateu in un spaziu in biancu nantu à a pagina o sceglie un elementu, è selezziunà Inspect Element
- Ctrl + Shift + T o Ctrl + Shift + I cù u teclatu
- Da u menù Firefox, fate clicate Developer > Inspector
- Da a menzione di l' utensili , fate Web Developer> Inspector
Cumu move u scaccionu cù i diversi elementi in u Firefox, l'utru ghjochi ghjustu automaticamente l'infurmazione di u còdice di l'elementu. Cliccate un elementu è a "ricerca in mosca" si ferma è vi pudete studià l'elementu da a finestra di l'Inspector.
Cliccateu un clicu in un elementu per truvà tutti i cuntrolli supportati. Pudete fà cose cum'è edità a pagina cum'è HTML, copie o piace u còdice HTML internu o esterno, mostra proprietà di DOM, captura di scatula o sguassà u node, facilmente applicà novi attributi, vede tutte CSS di u situ, è più.
Inspect Elements in Opera
Opera pò inspeccionà elementi ancu, cun l'opara di DOM Inspector chì hè identica à Chrome. Eccu cumu per quì:
- Aduprate a teclatura di cursa Ctrl + Shift + I
- Navigate à Menu> More Tools> Mostra i menu di i Garanti , è apre u menu in Menu> Creatore> Developer Tools
- Da u menù di cliccà nant'à qualsìasi elementu nantu à a pagina, sceglie l'elementariu
Inspect Elements in Internet Explorer
Un apparechju à l'elementu d'impeccamentu simili, chjamatu Strumenti di sviluppatore, hè dispunibule in Internet Explorer:
- Press F12 in u ticchettu
- Utilizate l'opzione Tool> F12 Developer Menu (cliccate Alt + X si ùn vede micca u menu Tools )
- Scaricamentu in a pagina è cliccà Chjave
IE tenia un uttellu d' elementu selectu in quì menu novu chì permette di cliccà nantu à qualsiasi elementu di pàgina per vede i so infurmazioni HTML è CSS. Pudete ancu facilmente inutilizà / permette l'elementu chì ponu puntegà mentre chì viaghja per a cumpagnia di u tabulazione DOM Explorer .
Cumu l'altru attore di l'attore di l'elementu in i navigatori più avanzanti, Internet Explorer permette di coralli, copia è elementi di pezzi, è editate l'HTML, aghjunghje attributi, elementi di còpia cù stili attaccati è più.