Hoe de code van het element in chrome te bekijken

Uit dit artikel leert u hoe u de bron HTML-code van het visuele element in de computerversie van de Google-code op een webpagina kunt bekijken.

Stappen

  1. Titel afbeelding Inspecteer Element op Chrome Stap 1
een. Voer de Google Chrome-browser op de computer uit. Klik op een veelkleurig ronde pictogram met een blauw centrum. Het bevindt zich in de map "Programma`s" (MAC) of in het menu Start (Windows).
  • Titel afbeelding Inspecteer Element op Chrome Stap 2
    2. Klik op het pictogram in de vorm van drie punten die zich verticaal bevinden. U vindt het op de adresstring in de rechterbovenhoek van het browservenster. Open menu.
  • Titel afbeelding Inspecteer Element op Chrome Stap 3
    3. Kiezen Extra gereedschap op het menu. Het submenu wordt geopend.
  • Titel afbeelding Inspecteer Element op Chrome Stap 4
    4. Klik op Ontwikkelaars gereedschappen in het submenu. Het ontwikkelaarpaneel wordt in de rechterkant van het browservenster geopend.
  • Ook kan dit paneel worden geopend als u klikt ⌥ Optie+⌘ cmd+I (Mac) of Ctrl+Alt+I (Ramen).
  • Titel afbeelding Inspecteer Element op Chrome Stap 5
    vijf. Muis over het element op het deelvenster Developer. Dit element wordt op een webpagina gemarkeerd.
  • Titel afbeelding Inspecteer Element op Chrome Stap 6
    6. Klik met de rechtermuisknop op het item op de webpagina, waarvan u de code wilt bekijken. Open menu.
  • Titel afbeelding Inspecteer Element op Chrome Stap 7
    7. Kiezen Bekijk Code op het menu. De inhoud van het deelvenster Developer zal automatisch naar het geselecteerde item scrollen en de code wordt gemarkeerd.
  • U hoeft het deelwijze van de ontwikkelaar niet handmatig te openen. Wanneer u klikt op "Code Tooncode", wordt het deelvenster Developer automatisch geopend.
    • Deel in het sociale netwerk:
    Vergelijkbaar