Hoe de broncode in Chrome bekijken? (2 methoden) [MiniTool News]

How View Source Code Chrome

Probeer Ons Instrument Voor Het Oplossen Van Problemen

Selecteer Het Besturingssysteem Kies Een Projectieprogramma (Optioneel)

Beschrijf Uw Probleem

Overzicht :

Het bekijken van de paginabron in Chrome is een goede manier om nuttige ontwerpideeën voor webpagina's op te doen. In dit bericht van MiniTool-software , zullen we het vooral hebben over hoe je de broncode in Chrome op twee verschillende manieren kunt bekijken. We hopen dat het u van dienst is.

Het bekijken van de paginabron is een goede methode om uw webontwerpniveau te ontwikkelen als u lid bent van de webindustrie. U kunt vaardigheden opdoen van een uitstekende webpagina. Ook als u geen webdesigner bent, kunt u, als u geïnteresseerd bent in de paginabron, ook de paginabron bekijken om informatie te krijgen die u niet op de webpagina kunt zien.

Hoe kan ik dan de paginabron bekijken? U kunt deze vraag stellen. Google Chrome is de meest gebruikte webbrowser ter wereld. In dit bericht laten we u zien hoe u de broncode van Chrome kunt bekijken.

Google Chrome-tips en -trucs voor Win: handig en handig

In dit bericht laten we u enkele handige en handige Google Chrome-tips en -trucs zien waarmee u uw werk veel sneller kunt doen.

Lees verder

Hoe u de broncode in Chrome kunt bekijken

Het is heel gemakkelijk om de paginabron in Chrome te openen en te bekijken. Hier is de gids:

1. Open de webpagina waarvan u de paginabron wilt bekijken met Google Chrome.

2. Klik met de rechtermuisknop op de pagina (klik niet op een link) en er zal een pop-outmenu verschijnen.

3. Selecteer Bekijk paginabron uit het menu. Hier kunt u zien dat er een snelkoppeling is voor Paginabron weergeven: Ctrl + U . Dit betekent dat u, nadat u de doelwebpagina heeft geopend, op de Ctrl sleutel en de U toets tegelijkertijd om de bron Chrome te openen en te bekijken. Als u een Mac-computer gebruikt, moet u op drukken Command + Option + U om de paginabron in Chrome te openen en te bekijken.

klik op Paginabron weergeven vanuit het contextmenu in Chrome

4. Er verschijnt een nieuw tabblad met de broncode voor die webpagina.

broncodepagina

Dat zijn de broncodes die u in Google Chrome wilt bekijken.

sneltoetsen voor alle webbrowsers miniatuur

Sneltoetsen voor webbrowsers die u moet kennen

Het gebruik van sneltoetsen voor webbrowsers kan u veel tijd besparen. In dit bericht laten we je enkele veelgebruikte sneltoetsen voor webbrowsers zien.

Lees verder

Geavanceerd: Developer Tools

Voor meer informatie over de broncode van de webpagina in Chrome kunt u ook de ontwikkelaarstools in Chrome gebruiken. Met deze tools kunt u elementen, console, bronnen, netwerk en meer informatie op die webpagina zien.

Hier zijn de dingen die u moet doen:

1. Open de doelwebpagina met Chrome.

2. Klik op het menu met de drie stippen dat zich rechtsboven in de interface bevindt.

3. Ga naar Meer tools> Developer tools .

klik op Developer tools

4. Er verschijnt een nieuw venster aan de linkerkant van de webpagina waar u meer informatie over de webpagina kunt zien. U kunt op de bovenste menubalk klikken om tussen deze opties te schakelen.

geopende ontwikkeltools

Wanneer u in de sectie Element de cursor op de CSS verplaatst, kunnen de ontwikkelaarstools het geselecteerde element op de overeenkomstige HTML-pagina markeren. Dit ontwerp is vooral handig als u de informatie over een specifiek stuk van een vervaardigde webpagina wilt ophalen.

Is het legaal om de paginabron in Chrome te bekijken?

Als u hier leest, zou u deze vraag kunnen stellen: is het legaal om de paginabron in Google Chrome te bekijken? Deze bronnen zijn tenslotte codes van anderen.

Wij geloven dat veel webdesigners deze dingen hebben gedaan. Het is legaal om de paginabron in Chrome te bekijken. Het gebruik van deze codes om een vergelijkbare pagina te bouwen is ook OK. Maar het is niet legaal om de codes intact te houden in uw werk. U kunt ze ter referentie gebruiken, maar u kunt niet plagiaat plegen.