Sfaturi pentru utilizarea elementului Inspect în browserul Google Chrome

Presupunând că doriți sfaturi despre utilizarea funcției Inspectați element în browserul Google Chrome: Faceți clic dreapta pe elementul pe care doriți să îl inspectați și selectați „Inspectați” din meniul derulant. De asemenea, puteți utiliza comanda rapidă de la tastatură Ctrl+Shift+I (Windows) sau Cmd+Opt+I (Mac) pentru a deschide Inspector. Odată ce ați deschis Inspectorul, veți vedea HTML-ul pentru pagină în stânga și CSS-ul în dreapta. Puteți face modificări HTML și CSS în Inspector și puteți vedea că aceste modificări au efect imediat pe pagină. Pentru a ieși din Inspector, faceți clic pe X din colțul din dreapta sus.

Google Chrome nu este doar pentru utilizatorii web generali, ci și pentru dezvoltatorii web care creează adesea site-uri web, creează bloguri etc. Verificare element sau Inspecta Opțiunea Google Chrome ajută utilizatorii să găsească unele informații despre un site web care este ascuns vederii. Iată câteva sfaturi pentru utilizarea Inspect Element în browserul Google Chrome pentru PC Windows.

Verificați elementul Google Chrome

1] Găsiți fișiere JavaScript/media ascunse

alertă de virus de la Microsoft

Multe site-uri web afișează ferestre pop-up dacă un vizitator rămâne pe o pagină web mai mult de 15 sau 20 de secunde. Sau, în multe cazuri, o imagine, un anunț sau o pictogramă se deschide după ce dați clic accidental undeva. Pentru a găsi aceste fișiere ascunse pe o pagină web, puteți utiliza Surse Inspectați fila Element. În stânga este afișată o listă în formă de copac, pe care o puteți explora.

miniaturile nu se afișează

2] Obțineți codul de culoare HEX/RGB în Chrome

Uneori ne poate plăcea o culoare și dorim să știm codul ei de culoare. Puteți găsi cu ușurință codul de culoare HEX sau RGB folosit pe o anumită pagină web folosind opțiunea încorporată în Google Chrome. Faceți clic dreapta pe o culoare și selectați Inspecta . În cele mai multe cazuri, veți ajunge cu un cod de culoare în partea dreaptă cu CSS diferit. Dacă nu îl vedeți, poate fi necesar să utilizați un software gratuit de selectare a culorilor.

BACSIS : Uită-te la acestea Instrumente online de selectare a culorilor La fel.

3] Obțineți sfaturi pentru îmbunătățirea performanței paginii web

pictograma globului Windows 10

Toată lumea adoră să viziteze un site care se deschide rapid. Dacă vă proiectați site-ul web, ar trebui să aveți întotdeauna în vedere acest lucru. Există multe instrumente pentru a testa și optimiza viteza de încărcare a paginii. Cu toate acestea, Google Chrome are și un instrument încorporat care permite utilizatorilor să obțină sfaturi pentru a îmbunătăți viteza de încărcare a site-ului web. Pentru a accesa aceste instrumente, accesați Audit filă și asigurați-vă Utilizarea rețelei , Performanța paginii web , i Reîncărcarea paginii și auditarea la încărcare selectat. Apoi faceți clic pe alerga buton. Va reîncărca pagina și vă va afișa câteva informații care pot fi folosite pentru a accelera pagina. De exemplu, puteți obține toate resursele care nu au expirat memoria cache, JavaScript care poate fi combinat într-un singur fișier și așa mai departe.

4] Test de receptivitate

În zilele noastre, este extrem de important să faceți o pagină web receptivă. Există multe instrumente care pot verifica dacă site-ul dvs. este pe deplin receptiv. Cu toate acestea, acest instrument Google Chrome ajută utilizatorii știi dacă un site este responsive sau nu și, de asemenea, verificați cum va arăta pe un anumit dispozitiv mobil. Deschide orice site, primești Verificare element filă, faceți clic pe mobil faceți clic pe butonul, setați rezoluția sau selectați dispozitivul dorit pentru a verifica pagina web.

dezactivați Windows 10 de boot securizat

5] Editați site-ul live

Să presupunem că construiți o pagină web, dar nu știți ce este schema de culori, dimensiunea meniului de navigare, conținutul sau raportul de aspect al barei laterale. Puteți edita site-ul dvs. live utilizând opțiunea Inspectați element din Google Chrome. Deși nu puteți salva modificările pe un site web live, puteți face toate editările pentru a le putea folosi mai târziu. Pentru a face acest lucru, deschideți elementul Inspect, selectați proprietatea HTML din partea stângă și faceți modificări de stil în partea dreaptă. Dacă faceți modificări la CSS, puteți face clic pe linkul către fișier, puteți copia tot codul și îl puteți lipi în fișierul original.

Inspect Element din Google Chrome este un adevărat partener al fiecărui dezvoltator web. Fie că proiectați un site web cu o singură pagină sau un site web dinamic, cu siguranță puteți beneficia de aceste sfaturi.