Tips for bruk av Inspect Element i Google Chrome-nettleseren

Forutsatt at du vil ha tips om bruk av funksjonen Inspiser element i Google Chrome-nettleseren: Høyreklikk på elementet du vil inspisere og velg 'Inspiser' fra rullegardinmenyen. Du kan også bruke hurtigtasten Ctrl+Shift+I (Windows) eller Cmd+Opt+I (Mac) for å åpne Inspektøren. Når du har åpnet Inspector, vil du se HTML for siden til venstre og CSS til høyre. Du kan gjøre endringer i HTML og CSS i Inspektøren og se disse endringene tre i kraft på siden umiddelbart. For å gå ut av inspektøren klikker du ganske enkelt på X-en i øvre høyre hjørne.

Google Chrome er ikke bare for generelle nettbrukere, men også for nettutviklere som ofte lager nettsider, lager blogger osv. Sjekk element eller Undersøke Google Chrome-alternativet hjelper brukere med å finne informasjon om et nettsted som er skjult for visning. Her er noen tips for bruk av Inspect Element i Google Chrome-nettleseren for Windows PC.

Sjekk Google Chrome-elementet

1] Finn skjulte JavaScript-/mediefiler

slett brukerprofilvinduer 10

Mange nettsteder viser popup-vinduer hvis en besøkende blir værende på en nettside i mer enn 15 eller 20 sekunder. Eller i mange tilfeller åpnes et bilde, en annonse eller et ikon etter å ha klikket et sted ved et uhell. For å finne disse skjulte filene på en nettside kan du bruke Kilder Inspiser Element-fanen. En trelignende liste vises til venstre, som du kan utforske.

2] Få HEX/RGB fargekode i Chrome

Noen ganger kan vi like en farge og ønsker å vite fargekoden. Du kan enkelt finne HEX- eller RGB-fargekoden som brukes på en bestemt nettside ved å bruke det innebygde alternativet i Google Chrome. Høyreklikk på en farge og velg Undersøke . I de fleste tilfeller vil du ende opp med en fargekode på høyre side med annen CSS. Hvis du ikke ser det, må du kanskje bruke gratis programvare for fargevelger.

hvordan du setter en standardskriver i Windows 10

TIPS : Ta en titt på disse Online fargevelgerverktøy Samme.

aktivere windows aero

3] Få tips for å forbedre nettsideytelsen

Alle elsker å besøke et nettsted som åpnes raskt. Hvis du designer nettstedet ditt, bør du alltid ha dette i bakhodet. Det finnes mange verktøy for å teste og optimalisere sideinnlastingshastighet. Imidlertid har Google Chrome også et innebygd verktøy som lar brukere få tips for å forbedre hastigheten på nettsiden. For å få tilgang til disse verktøyene, gå til Revidere fanen og sørg for Nettverksbruk , Nettsideytelse , Jeg Last inn siden på nytt og revisjon ved innlasting valgt. Klikk deretter på løpe knapp. Den vil laste inn siden på nytt og vise deg noe informasjon som kan brukes til å øke hastigheten på siden. For eksempel kan du få alle ressurser som ikke har utløpt cache, JavaScript som kan kombineres til én fil, og så videre.

4] Test respons

I dag er det ekstremt viktig å gjøre en nettside responsiv. Det er mange verktøy som kan sjekke om nettstedet ditt er fullt responsivt. Dette Google Chrome-verktøyet hjelper imidlertid brukere vite om et nettsted er responsivt eller ikke og sjekk også hvordan det vil se ut på en bestemt mobilenhet. Åpne hvilket som helst nettsted, få Sjekk element fanen, klikk på mobil klikk på knappen, angi oppløsningen eller velg ønsket enhet for å sjekke nettsiden.

deaktiver sikre oppstartsvinduer 10

5] Rediger live nettsted

La oss si at du bygger en nettside, men du vet ikke hva fargevalg, navigasjonsmenystørrelse, innhold eller sidefelts størrelsesforhold er. Du kan redigere live-nettstedet ditt ved å bruke alternativet Inspiser element i Google Chrome. Selv om du ikke kan lagre endringer på et live nettsted, kan du gjøre all redigeringen slik at du kan bruke den senere. For å gjøre dette, åpne Inspiser element, velg HTML-egenskapen på venstre side, og gjør stilendringer på høyre side. Hvis du gjør noen endringer i CSS, kan du klikke på lenken til filen, kopiere all koden og lime den inn i den opprinnelige filen.

Inspect Element fra Google Chrome er en ekte følgesvenn for enhver nettutvikler. Enten du designer et enkeltsidenettsted eller et dynamisk nettsted, kan du absolutt dra nytte av disse tipsene.