Tips för att använda Inspect Element i webbläsaren Google Chrome

Förutsatt att du vill ha tips om hur du använder funktionen Inspektera element i webbläsaren Google Chrome: Högerklicka på elementet du vill inspektera och välj 'Inspektera' från rullgardinsmenyn. Du kan också använda kortkommandot Ctrl+Skift+I (Windows) eller Cmd+Opt+I (Mac) för att öppna Granskaren. När du har öppnat Inspector ser du HTML för sidan till vänster och CSS till höger. Du kan göra ändringar i HTML och CSS i Inspektören och se att dessa ändringar träder i kraft på sidan omedelbart. För att avsluta inspektören, klicka bara på X i det övre högra hörnet.

Google Chrome är inte bara för allmänna webbanvändare, utan även för webbutvecklare som ofta skapar webbplatser, skapar bloggar osv. Kontrollera element eller Inspektera Alternativet Google Chrome hjälper användare att hitta information om en webbplats som är dold. Här är några tips för att använda Inspect Element i webbläsaren Google Chrome för Windows PC.

Kontrollera Google Chrome-elementet

1] Hitta dolda JavaScript-/mediafiler

ta bort användarprofil windows 10

Många webbplatser visar popup-fönster om en besökare stannar på en webbsida i mer än 15 eller 20 sekunder. Eller i många fall öppnas en bild, annons eller ikon efter att ha klickat någonstans av misstag. För att hitta dessa dolda filer på en webbsida kan du använda Källor Fliken Inspektera element. En trädliknande lista visas till vänster, som du kan utforska.

2] Få HEX/RGB-färgkod i Chrome

Ibland kanske vi gillar en färg och vill veta 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å en färg och välj Inspektera . I de flesta fall kommer du att få en färgkod på höger sida med olika CSS. Om du inte ser det kan du behöva använda gratis programvara för färgväljare.

hur man ställer in en standardskrivare i Windows 10

DRICKS : Ta en titt på dessa Online färgväljarverktyg Samma.

aktivera Windows Aero

3] Få tips för att förbättra webbsidans prestanda

Alla älskar att besöka en webbplats som öppnas snabbt. Om du designar din webbplats bör du alltid ha detta i åtanke. Det finns många verktyg för att testa och optimera sidladdningshastigheten. Men Google Chrome har också ett inbyggt verktyg som gör att användare kan få tips för att förbättra webbladdningshastigheten. För att komma åt dessa verktyg, gå till Granska fliken och se till Nätverksanvändning , Webbsidans prestanda , jag Sidan laddas om och granskas vid laddning vald. Klicka sedan på springa knapp. Det kommer att ladda om sidan och visa dig lite information som kan användas för att snabba upp sidan. Du kan till exempel få alla resurser som inte har gått ut cache, JavaScript som kan kombineras till en fil och så vidare.

4] Testa lyhördhet

Nuförtiden är det oerhört viktigt att göra en webbsida responsiv. Det finns många verktyg som kan kontrollera om din webbplats är fullt responsiv. Det här Google Chrome-verktyget hjälper dock användarna veta om en webbplats är responsiv eller inte och kontrollera även hur det kommer att se ut på en specifik mobil enhet. Öppna vilken sida som helst, skaffa Kontrollera element fliken, klicka på mobil klicka på knappen, ställ in upplösningen eller välj önskad enhet för att kontrollera webbsidan.

inaktivera säkra startfönster 10

5] Redigera livewebbplats

Låt oss säga att du bygger en webbsida, men du vet inte vad färgschema, navigeringsmenystorlek, innehåll eller sidofältsformat är. Du kan redigera din livewebbplats med alternativet Inspektera element i Google Chrome. Även om du inte kan spara ändringar på en livewebbplats, kan du göra all redigering så att du kan använda den senare. För att göra detta, öppna Inspect Element, välj HTML-egenskapen på vänster sida och gör stiländringar på höger sida. Om du gör några ändringar i CSS kan du klicka på länken till filen, kopiera all kod och klistra in den i originalfilen.

Inspect Element från Google Chrome är en sann följeslagare för alla webbutvecklare. Oavsett om du designar en ensidig webbplats eller en dynamisk webbplats, kan du verkligen dra nytta av dessa tips.