Kuckt d'HTML an CSS vun all Web Page
D'Websäit ass mat Zeilen vu Code gebaut , awer d'Resultat ass spezifesch Säite mat Biller, Video, Schrëften a méi. Fir ee vun dësen Elementer ze änneren oder ze gesinn, wat et ass ausgefouert ginn, musst Dir d'spezifesch Linn vu Code fannen, déi se kontrolléiert. Dir kënnt dat mat engem Element Inspektionstool.
Déi meescht Websäiten machen Iech net een Inspektionstool oder en Add-on. Anstatt et se ze klicken klickt op de Element vun der Säit an kuckt Element Kontroll a kontrolléieren oder kontrolléieren . Allerdéngs kann de Prozess e bëssen anescht am Browser sinn.
Kontroll Elementer am Chrome
Déi rezentste Versioune vum Google Chrome liesen Iech d'Säit op e puer Weeër, all déi mat hiren erstallt Chrome DevTools benotzen:
- Richtegt klickt op der Säit (oder e leegente Beräich) a klickt Kontroll op
- Gitt d' Ctrl + Shift + I Klickt Tastatur
- Benutzt de Chrome Menü fir d' Extras> Developer Tools ze schécken op
De Chrome DevTools lued Iech Saachen ze fannen wéi d'HTML-Linnen ganz einfach kopéieren oder änneren oder Elementer komplett verloosse kënnen (bis d'Säit reloads).
Wann Äert DevTools op der Säit vun der Säit opmaacht, kënnt Dir Äert Plaz setzen, et aus der Säit erofhuelen, Sich no all Dateie vun de Säiten auswielen, Elementen aus der Säit fir spezifesch Untersuchung, Kopie Dateien a URLen auswielen, a souguer e puer vun den Astellungen.
Kontroll Elementer am Firefox kontrolléieren
Wéi Chrome hunn de Firefox e puer verschidden Weeër fir seng Inspektioun ze benotzen:
- Klickt op enger eidel Fläche op der Säit oder en Element auswielen, a kontrolléiert Kontrollelement
- Gitt Ctrl + Shift + T oder Ctrl + Shift + I mat der Tastatur
- Vu Firefox kënnt dir Developer > Inspector klickt
- Vum Menü Extras klickt Web Developer> Inspector
Wéi Dir Är Maus iwwert verschidde Elementer am Firefox bewegen, fënnt de Inspektor-Tool automatesch d'Quellcode-Informatioun vum Element. Klickt op en Element an de "on-the-fly search" stoppt an Dir kënnt de Element aus der Inspector-Fenne iwwerpréifen.
Klickt op en Element, fir all déi ënnerstëtzt Kontrollen ze fannen. Dir kënnt d'Saache wéi d'HTML-Säit änneren, kopéieren oder en ale HTML-Code markéieren, DOM-Properties, Screenshot oder den Knäppchen weisen, einfach Attributer applizéieren, all d'CSS vun der Säit kucken, a méi.
Kontroll Elementer am Opera
Opera kann Elementer och kontrolléieren, et ass den DOM-Inspektor-Tool dat identisch mam Chrome. Hei geet et drëm:
- Benotzt d'Tastenkombuss Ctrl + Shift + I
- Navigéieren u Menüskaart> Méi Tools> Entwéckler a mengem Menu öffnen an öffnen d'Menü mat Menu> Developer> Developer Tools
- Vu de Menü mat engem klickt Klickt op e Element op der Säit, kuckt Element "Kontroll" aus
Kontroll Elementer am Internet Explorer kontrolléieren
Eng ähnlech Inspektiouns-Tool, sougenannte Developer Tools, ass am Internet Explorer verfügbar:
- Dréckt F12 op der Tastatur
- Fëllt d' Tools> F12 Developer Menu Option (hënnert Alt + X, wann Dir de Menü Extras net gesitt)
- Richteg Klickt op d'Säit a klickt op Inspect Element
IE huet e Selektiouns-Element- Tool an dësem neie Menü, deen Dir klickt op all Element vun de Säiten, fir seng HTML- an CSS-Detailer ze gesinn. Dir kënnt och Element / Hannergrond lëschteg ofschalten / aktivéieren andeems Dir iwwert de Tabs DOM Explorer klickt.
Wéi déi aner Elementininspektiounsinstrumentën an den uewege Browser'en huet Internet Explorer liesen, kopéieren an ewechpassen Elementer wéi och d'Editéieren vun der HTML, d'Attributë addéieren, d'Elemente mat Stécker an aner Elementer kopéieren.