Of je bent een webdesigner debuggen van uw site in de broncode van hebt of gewoon nieuwsgierig naar wat een site code eruit ziet, kunt u de HTML-bron van recht in Google Chrome. Er zijn twee manieren om de HTML-bron: Bron Bekijken en te Inspecteren met behulp van hulpprogramma ‘ s voor Ontwikkelaars.
Bekijk De Bron Met Behulp Van Paginabron Bekijken
Start Chrome en spring naar de webpagina die u wilt weergeven in de HTML broncode. Met de rechtermuisknop op de pagina en klik op “View Page Source’ of druk op Ctrl + U om de pagina ‘ s bron in een nieuw tabblad.
Een nieuw tabblad wordt geopend met de HTML van de webpagina, volledig uitgebreid en niet geformatteerd.
Als u op zoek bent naar een specifiek element of onderdeel in de HTML bron, de Bron is vervelend en lastig, vooral als de pagina wordt veel gebruik gemaakt van JavaScript en CSS.
Inspecteer De Bron Met Behulp Van Hulpprogramma ‘ S Voor Ontwikkelaars
Deze methode maakt gebruik van de Developer Tools-venster van Chrome en is een veel betere aanpak is om de broncode te bekijken. HTML makkelijker te lezen is hier dankzij de extra opmaak en de mogelijkheid om in te storten elementen die u niet geïnteresseerd bent in het zien.
Open Chrome en ga naar de pagina die je wilt bekijken, druk dan op Ctrl + Shift + i. Een gekoppeld venster zal openen naast de webpagina die u bekijkt.
Klik op de grijze pijl naast een element uit te breiden het zelfs nog verder.
Als u niet wilt dat de volledige pagina te zien is de code is standaard, maar in plaats daarvan controleren een specifiek element in de HTML -, rechts-klik op dat de ruimte op de pagina, en klik dan op “Controleren.”
Wanneer het venster opent deze tijd, het gaat direct naar het gedeelte van de code met dat element waarop u hebt geklikt.
Als u wilt wijzigen van het dock staat, kunt u het verplaatsen naar de onderkant, links, rechts, of zelfs koppelt u het dockingstation los in een apart venster. Klik op het pictogram ‘menu’ (drie punten), kies daarna los in een apart venster, dock naar links, dock tot op de bodem, of steiger aan de rechter, respectievelijk.
Dat is alles wat er is. Wanneer u klaar bent met het kijken naar de code, of sluit de Bron tab of klik op de ‘X’ in de Developer Tools venster om terug te keren naar uw webpagina.