Slik viser du varekoden i Chrome

Forfatter: Janice Evans
Opprettelsesdato: 25 Juli 2021
Oppdater Dato: 1 Juli 2024
Anonim
Week 5
Video: Week 5

Innhold

Denne artikkelen viser deg hvordan du ser HTML -kilden til en visual på en hvilken som helst nettside i Google Chrome på skrivebordet.

Trinn

  1. 1 Start Google Chrome -nettleseren på datamaskinen din. Klikk på det flerfargede runde ikonet med et blått senter. Det er i Programmer -mappen (Mac) eller på Start -menyen (Windows).
  2. 2 Klikk på ikonet for de tre vertikale prikkene. Du finner den nær adresselinjen i øvre høyre hjørne av nettleservinduet. En meny åpnes.
  3. 3 Vennligst velg Ekstra verktøy på menyen. En undermeny åpnes.
  4. 4 Klikk på Utviklerverktøy i undermenyen. Utviklerpanelet åpnes på høyre side av nettleservinduet.
    • Du kan også åpne dette panelet ved å klikke ⌥ Alternativ+⌘ Cmd+Jeg (Mac) eller Ctrl+Alt+Jeg (Windows).
  5. 5 Hold musen over et element i utviklerlinjen. Dette elementet vil bli uthevet på nettsiden.
  6. 6 Høyreklikk på elementet på websiden du vil vise koden for. En meny åpnes.
  7. 7 Vennligst velg Se kode på menyen. Innholdet på utviklerpanelet vil automatisk bla til det valgte elementet, og koden vil bli uthevet.
    • Du trenger ikke å åpne utviklerpanelet manuelt for dette. Når du klikker på Vis kode, åpnes utviklerpanelet automatisk.