Tips om brug af inspektionselementet i Google Chrome-browseren

Google Chrome er designet til ikke kun for almindelige internetbrugere, men også til webudviklere, som ofte opretter et websted, designer blogs osv Undersøg Element or Inspicere mulighed for Google Chrome hjælper brugerne med at finde nogle oplysninger om et websted, der er skjult for visning. Her er nogle tips om brugen af ​​inspektionselementet til Google Chrome-browseren til Windows-pc.

Undersøg elementet af Google Chrome

1] Find skjulte JavaScript / Mediefiler

Undersøg elementet af Google Chrome

Mange websites viser popups, hvis den besøgende forbliver på websiden i mere end 15 eller 20 sekunder. Eller mange gange et billede, en annonce eller et ikon åbnes, når du klikker et sted tilfældigt. For at finde disse skjulte filer på en webside kan du gøre brug af Kilder fanen af ​​inspektionselementet. Det viser en træ-visning liste på venstre side, som kan udforskes.

2] Få HEX / RGB-farvekode i Chrome

Undersøg elementet i Google Chrome tips og tricks

Nogle gange kan vi lide en farve og vil måske finde ud af dens farvekode. Du kan nemt finde HEX- eller RGB-farvekoden, der bruges på en bestemt webside, ved hjælp af den indbyggede indstilling i Google Chrome. Højreklik på farven, og klik på Inspicere. I de fleste tilfælde får du farvekoden på højre side med andre CSS. Hvis du ikke ser det, må du muligvis bruge nogle gratis farvevælger software.

3] Få tips om forbedring af websider

Undersøg elementet i Google Chrome tips og tricks

Alle elsker at lande på en hjemmeside, der åbner hurtigt. Hvis du designer dit websted, skal du altid huske det. Der er mange værktøjer til at kontrollere og optimere sideindlæsningshastigheden. Men Google Chrome leveres også med et indbygget værktøj, der giver brugerne mulighed for at få tip til at forbedre websitetets indlæsningshastighed. For at få adgang til disse værktøjer, skal du gå til Revision fanebladet og sørg for Netværksudnyttelse, Webside præstationog Genindlæs side og revision ved læsning er valgt. Klik derefter på Kør knap. Det vil genindlæse siden og vise dig nogle oplysninger, der kan bruges til at gøre siden hurtigere. For eksempel kan du få alle de ressourcer, de ikke har nogen cache-udløb, JavaScript, der kan kombineres til en fil osv.

4] Kontroller lydstyrken

Undersøg elementet i Google Chrome tips og tricks

At gøre en webside responsiv er afgørende, i dag. Der er masser af værktøjer, der kan kontrollere, om dit websted er helt lydhurtigt eller ej. Men dette værktøj i Google Chrome hjælper brugere med at ved, om hjemmesiden er lydhør eller ej samt kontrollere, hvordan det ville se på en bestemt mobil enhed. Åbne ethvert websted, få Undersøg Element fanebladet, klik på knappen mobil knappen, indstil opløsningen eller vælg den ønskede enhed for at teste websiden.

5] Rediger live website

Undersøg elementet i Google Chrome tips og tricks

Lad os antage, at du opretter en webside, men du er forvirret om farveskemaet eller navigationsmenuen størrelse eller indhold eller sidebar forholdet. Du kan redigere din levende hjemmeside ved hjælp af indskudselementets indstilling i Google Chrome. Selv om du ikke kan gemme ændringerne på et livewebsted, kan du få udført al redigering, så du kan bruge den yderligere. For at gøre det skal du åbne Inspect Element, vælge HTML-ejendommen fra venstre side og foretage stylingændringer på højre side. Hvis du foretager nogen ændringer i CSS, kan du klikke på fillinket, kopiere hele koden og indsætte det i den oprindelige fil.

Inspekter Element af Google Chrome er en ægte følgesvend af hver webudvikler. Det er ligegyldigt, om du udvikler en webside eller et dynamisk websted, du kan helt sikkert bruge disse tips.

Kilde

Giv en kommentar

Dette websted bruger Akismet til at reducere spam. Lær, hvordan dine kommentardata behandles.