Tips om hur du använder inspelningselementet i Google Chrome-webbläsaren

Google Chrome är utformad för inte bara för vanliga internetanvändare utan också för webbutvecklare, som ofta skapar en webbplats, designbloggar etc. Inspekteringselementet eller Inspektera alternativet för Google Chrome hjälper användare att hitta information om en webbplats som är dold för visning. Här följer några tips om hur du använder inspelningselementet i Google Chrome-webbläsaren för Windows PC.

Inspektera element i Google Chrome

1] Hitta dolda JavaScript / Mediefiler

Många webbplatser visar popup-fönster om besökaren stannar på webben sidan i mer än 15 eller 20 sekunder. Eller många gånger öppnas en bild, annons eller ikon efter att ha klickat någonstans slumpmässigt. För att hitta dessa dolda filer på en webbsida kan du använda fliken Källor i Inspect Element. Det visar en trädvy-lista på vänster sida som kan undersökas.

2] HEX / RGB-färgkod i Chrome

Ibland kan vi tycka om en färg och kanske vill ta reda på dess färgkod. Du kan enkelt hitta HEX- eller RGB-färgkoden som används på en viss webbsida, med det inbyggda alternativet i Google Chrome. Högerklicka på färgen och klicka på Inspektera . Under de flesta tider får du färgkoden på höger sida med andra CSS. Om du inte ser det, du kanske måste använda någon gratis färgplockarprogramvara.

TIPS : Ta en titt på dessa online-verktyg för Color Picker.

3] Få tips om förbättring av webbsidan

Alla älskar att landa på en webbplats som öppnas snabbt. Om du utformar din webbplats ska du alltid hålla det i åtanke. Det finns många verktyg för att kontrollera och optimera sidlastningshastigheten. Google Chrome levereras dock också med ett inbyggt verktyg som gör det möjligt för användare att få tips för att förbättra webbplatsens lasthastighet. För att komma åt dessa verktyg, gå till fliken Revisioner och se till att Nätverksanvändning , Webbsida Prestanda och Ladda sidan och granskning vid laddning är markerade. Klicka sedan på knappen Kör . Det laddar om sidan och visar dig lite information som kan användas för att göra sidan snabbare. Du kan till exempel få alla resurser som inte har någon cache-utgång, JavaScript som kan kombineras i en fil osv.

4] Kontrollera responsivitet

Att göra en webbsida responsiv är avgörande, nuförtiden. Det finns massor av verktyg som kan kontrollera om din webbplats är helt responsiv eller inte. Men det här verktyget i Google Chrome hjälper användarna att veta om webbplatsen är mottaglig eller inte, samt kontrollera hur den skulle se ut på en viss mobilenhet. Öppna någon webbplats, få Inspektera element fliken, klicka på mobil , ställ in upplösningen eller välj önskad enhet för att testa webbsidan.

5] Redigera levande hemsida

Anta att du skapar en webbsida, men du är förvirrad över färgen schema eller navigeringsmenystorlek eller innehålls- eller sidofältförhållande. Du kan redigera din levande webbplats med alternativet Inspekteringsalternativ av Google Chrome. Även om du inte kan spara ändringarna på en levande webbplats kan du få utföra all redigering så att du kan använda den vidare. För att göra det, öppna Inspect Element, välj HTML-egenskapen från vänster och ändra styling på höger sida. Om du gör någon ändring i CSS kan du klicka på fillänken, kopiera hela koden och klistra in den i originalfilen.

Inspect Element of Google Chrome är en riktig kompis av varje webbutvecklare. Det spelar ingen roll om du utvecklar en webbsida eller en dynamisk webbplats, du kan säkert använda dessa tips.