Tips om bruk av inspeksjonselementet i Google Chrome-nettleseren

Innholdsfortegnelse:

Tips om bruk av inspeksjonselementet i Google Chrome-nettleseren
Tips om bruk av inspeksjonselementet i Google Chrome-nettleseren

Video: Tips om bruk av inspeksjonselementet i Google Chrome-nettleseren

Video: Tips om bruk av inspeksjonselementet i Google Chrome-nettleseren
Video: Gen Z Reacts to the Original Xbox - YouTube 2024, April
Anonim

Google Chrome er designet for ikke bare for vanlige Internett-brukere, men også for webutviklere, som ofte lager et nettsted, designer blogger, etc. The Inspisér element eller Undersøke Alternativet til Google Chrome hjelper brukere å finne informasjon om et nettsted som er skjult for visning. Her er noen tips om hvordan du bruker Inspeksjonselementet til Google Chrome-nettleseren for Windows PC.

Kontroller elementet til Google Chrome

1] Finn skjulte JavaScript / Mediefiler

Image
Image

Mange nettsteder viser popups hvis den besøkende forblir på nettsiden i mer enn 15 eller 20 sekunder. Eller mange ganger et bilde, en annonse eller et ikon åpnes etter å ha klikket et tilfeldig tilfeldig sted. For å finne disse skjulte filene på en nettside, kan du gjøre bruk av kilder fanen av inspeksjonselementet. Den viser en trevisningsliste på venstre side som kan utforskes.

2] Få HEX / RGB-fargekode i Chrome

Image
Image

Noen ganger kan vi like en farge og vil kanskje finne ut fargekoden. Du kan enkelt finne HEX- eller RGB-fargekoden som brukes på en bestemt nettside, ved hjelp av det opprinnelige alternativet i Google Chrome. Høyreklikk på fargen, og klikk på Undersøke. I de fleste tilfeller får du fargekoden på høyre side med andre CSS. Hvis du ikke ser det, må du kanskje bruke en gratis fargeplukserprogramvare.

TIPS: Ta en titt på disse Color Picker-nettverktøyene også.

3] Få tips om forbedring av nettsidenes ytelse

Image
Image

Alle elsker å lande på et nettsted som åpner raskt. Hvis du designer nettstedet ditt, bør du alltid huske det. Det er mange verktøy for å sjekke og optimalisere sidens lasthastighet. Google Chrome kommer imidlertid også med et innebygd verktøy som gjør det mulig for brukerne å få tips for å forbedre nettsidenes lasthastighet. For å få tilgang til disse verktøyene, gå til revisjoner kategorien, og sørg for Nettverksutnyttelse, Webside ytelse, og Last siden og revisjonen på lasten er valgt. Klikk deretter på Løpe knapp. Det vil legge på siden, og vise deg noe informasjon som kan brukes til å gjøre siden raskere. For eksempel kan du få alle ressursene de ikke har noen cache-utløp, JavaScript som kan kombineres til en fil, og så videre.

4] Kontroller responsen

Image
Image

Å gjøre en nettside responsiv er avgjørende, i dag. Det er mange verktøy som kan sjekke om nettstedet ditt er fullstendig responsivt eller ikke. Dette verktøyet i Google Chrome hjelper brukerne til å vite om nettstedet er responsivt eller ikke, så vel som å se hvordan det ville se ut på en bestemt mobil enhet. Åpne hvilket som helst nettsted, få Inspisér element fanen, klikk på mobil knappen, sett oppløsningen eller velg ønsket enhet for å teste websiden.

5] Rediger live nettsted

La oss anta at du oppretter en nettside, men du er forvirret om fargeskjemaet eller navigasjonsmenyens størrelse eller innhold eller sidebarforhold. Du kan redigere ditt nettsted med Inspect Element-alternativet til Google Chrome. Selv om du ikke kan lagre endringene på et levende nettsted, kan du få utført all redigering slik at du kan bruke den videre. For å gjøre dette, åpne Inspeksjonselement, velg HTML-egenskapen fra venstre side og foreta stylingendringer på høyre side. Hvis du gjør noen endringer i CSS, kan du klikke på fillenken, kopiere hele koden og lime den inn i den opprinnelige filen.
La oss anta at du oppretter en nettside, men du er forvirret om fargeskjemaet eller navigasjonsmenyens størrelse eller innhold eller sidebarforhold. Du kan redigere ditt nettsted med Inspect Element-alternativet til Google Chrome. Selv om du ikke kan lagre endringene på et levende nettsted, kan du få utført all redigering slik at du kan bruke den videre. For å gjøre dette, åpne Inspeksjonselement, velg HTML-egenskapen fra venstre side og foreta stylingendringer på høyre side. Hvis du gjør noen endringer i CSS, kan du klikke på fillenken, kopiere hele koden og lime den inn i den opprinnelige filen.

Inspekter Element av Google Chrome er en ekte følgesvenn av hver webutvikler. Det spiller ingen rolle om du utvikler en nettside eller et dynamisk nettsted, du kan sikkert bruke disse tipsene.

Anbefalt: