Kontor

Tips om bruk av inspeksjonselementet til Google Chrome-nettleseren

Must-Have Google Chrome Extensions for Teachers

Must-Have Google Chrome Extensions for Teachers

Innholdsfortegnelse:

Anonim

Google Chrome er designet for ikke bare for vanlige Internett-brukere, men også for webutviklere, som ofte lager et nettsted, designer blogger osv. Inspeksjonselement eller Kontroller alternativet til Google Chrome, hjelper brukere å finne informasjon om et nettsted som er skjult for visning. Her finner du noen tips om hvordan du bruker inspeksjonselementet til Google Chrome-nettleseren for Windows PC.

Kontroller elementet til Google Chrome

1] Finn skjulte JavaScript / Mediefiler

Mange nettsteder viser popup-filer hvis den besøkende forblir på nettet siden 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 benytte kategorien Kilder i Inspect Element. Den viser en trevisningsliste på venstre side som kan utforskes.

2] Få HEX / RGB-fargekode i Chrome

Noen ganger kan vi ha 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å Inspiser . 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 fargeplukkers programvare.

TIPS : Se også på disse verktøyene for Color Picker.

3] Få tips om forbedring av nettsidenes forbedringer

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 , Nettleserversjon og Last inn siden og revisjon ved lasting er valgt. Klikk deretter på Kjør -knappen. 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 responsivitet

Å 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 et nettsted, få Inspiser 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 lager en nettside, men du er forvirret om fargen skjema eller navigasjonsmeny størrelse eller innhold eller sidebar forholdet. 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 det, å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.

Inspiser 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.