Vidu la HTML kaj CSS de Ajna Retpaĝo
La retejo estas konstruita per linioj de kodo , sed la rezulto estas specifaj paĝoj kun bildoj, filmetoj, tiparoj kaj pli. Por ŝanĝi unu el tiuj elementoj aŭ vidi kion ĝi konsistas, vi devas trovi la specifan linion de kodo kiu kontrolas ĝin. Vi povas fari tion per elementa inspekta ilo.
Plej multaj retumiloj ne permesas al vi elŝuti inspektan ilon aŭ instali aldon-on. Anstataŭe, ili lasas vin dekstre-klaki la paĝan elementon kaj elektu Inspektu aŭ Inspektu Elemento . Tamen, la procezo povus esti iomete malsama en via retumilo.
Inspektu Elementojn en Chrome
La plej freŝaj versioj de Google Chrome permesas al vi inspekti la paĝon en kelkaj manieroj, ĉiuj el kiuj uzas ĝian korpigita Chrome DevTools:
- Alklaku iun sur la paĝo (aŭ malplenan areon) kaj elektu Inspektu
- Enmetu la ŝlosilvorton Ctrl + Shift + Mi klavaron
- Uzu la Chrome-menuon por aliri la opcion Pli Iloj> Disvolviloj
La Chrome DevTools lasas vin fari aferojn kiel facile kopii aŭ redakti HTML-liniojn aŭ kaŝi aŭ forigi elementojn en tuta (ĝis la paĝo reŝarĝas).
Fojo kiun DevTools malfermas ĉe la flanko de la paĝo, vi povas ŝanĝi, kie ĝi situas, popolu ĝin el la paĝo, serĉu ĉiujn paĝajn dosierojn, elektu elementojn de la paĝo por specifa ekzameno, kopii dosierojn kaj URLojn, kaj eĉ personecigi faskon. de la agordoj.
Inspektu Elementojn en Firefox
Kiel Chrome, Firefox havas kelkajn malsamajn manierojn malfermi ilian ilon nomitan Inspektisto:
- Deklaku malplenan areon sur la paĝo aŭ elektu elementon, kaj elektu Inspektu Elekton
- Eniru Ctrl + Shift + T aŭ Ctrl + Shift + mi kun la klavaro
- De la menuo de Firefox, alklaku Programisto > Inspektisto
- De la menuo Iloj , alklaku TTT-programilon> Inspektiston
Dum vi movas vian muson per diversaj elementoj en Firefox, la Ilaro-ilo aŭtomate trovos la fontkodon-informon de la elemento. Alklaku elementon kaj la "surŝanĝu serĉo" haltos kaj vi povas ekzameni la elementon de la fenestra Inspektilo.
Deklaku elementon por trovi ĉiujn subtenajn kontrolojn. Vi povas fari aferojn kiel redakti la paĝon kiel HTML, kopii aŭ bati internan aŭ eksteran HTML-kodon, montri DOM-posedaĵojn, ekrankopion aŭ forviŝi la nodo, facile apliki novajn atributojn, vidu ĉiujn paĝojn de CSS kaj pli.
Inspektu Elementojn en Opero
Opero ankaŭ povas inspekti elementojn, kun ĝi estas DOM Inspektilo, kiu estas identa al Chrome. Jen kiel atingi ĝin:
- Uzu la klavan vojoklavon Ctrl + Shift + I
- Navigi al Menuo> Pli Iloj> Montru Programon-menuon kaj poste malfermu la menuon tra Menuo> Disvolvilo> Disvolviloj
- De la dekstra klako menuo de iu ajn elemento de la paĝo, elektu Inspektan elementon
Inspektu Elementojn en Interreta Esploristo
Simila inspekta ero-ilo, nomata Projekto Iloj, estas disponebla en Interreto Esploristo:
- Premu F12 sur la klavaron
- Uzu la Ilojn> F12-Disvolviĝan Menueron (batu Alt + X se vi ne vidas la Iloj- menuon)
- Deklaku sur la paĝo kaj alklaku Inspect Element
IE havas Elektan elementan ilon en ĉi tiu nova menuo, kiu ebligas alklaki iun ajn elementon por vidi ĝiajn HTML kaj CSS-detalojn. Vi ankaŭ povas facile malŝalti / ebligi elementon elstarante dum vi traktas tra la langeto DOM Explorer .
Kiel la aliaj elementaj inspektiloj en la supraj retumiloj, Interreto Explorer permesas tranĉi, kopii kaj bati elementojn tiel kiel redakti la HTML, aldoni atributojn, kopii elementojn kun stiloj alklakitaj kaj pli.