Sfaturi pentru utilizarea Elementului Inspect al browserului Google Chrome

Google Chrome este conceput nu numai pentru utilizatorii obișnuiți de internet, ci și pentru dezvoltatorii web care creează adesea un site Web, bloguri etc. sau Opțiunea Inspectați din Google Chrome îi ajută pe utilizatori să găsească informații despre un site care este ascuns. Iată câteva sfaturi despre utilizarea elementului Inspect Element de browser Google Chrome pentru Windows PC. Inspectați elementul Google Chrome

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

Multe site-uri web afișează ferestre de tip pop-up în cazul în care vizitatorul rămâne pe web pentru mai mult de 15 sau 20 de secunde. De multe ori, o imagine, un anunț sau o pictogramă se deschide după ce faceți clic undeva aleatoriu. Pentru a găsi aceste fișiere ascunse ale unei pagini web, puteți utiliza fila

Surse din Inspect Element. 2] Obțineți codul de culoare HEX / RGB în Chrome

Uneori ne poate plăcea o culoare și poate doriți să aflați codul său de culoare. Puteți găsi cu ușurință codul de culoare HEX sau RGB folosit pe o anumită pagină web, utilizând opțiunea nativă din Google Chrome. Faceți clic dreapta pe culoare și faceți clic pe

Inspectați . În cele mai multe ori, veți obține codul de culoare în partea dreaptă cu alte CSS. Dacă nu vedeți acest lucru, poate fi necesar să utilizați un software gratuit pentru selectarea culorilor. TIP

: Consultați și aceste instrumente de colorare online 3.

Toată lumea iubește să aterizeze pe un site care se deschide rapid. Dacă proiectați site-ul dvs., trebuie să păstrați întotdeauna acest lucru în minte. Există multe instrumente pentru a verifica și a optimiza viteza de încărcare a paginilor. Totuși, 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. Pentru a accesa aceste instrumente, accesați fila

Audite și asigurați-vă că Utilizarea rețelei , Performanța paginii Web și > sunt selectate. Apoi faceți clic pe butonul Run . Acesta va reîncărca pagina și vă va afișa câteva informații care pot fi utilizate pentru a face pagina mai rapidă. De exemplu, puteți obține toate resursele care nu au expirare de cache, JavaScript care poate fi combinat într-un singur fișier etc. 4] Verificați capacitatea de reacție Realizarea unei pagini web recepționate este crucială în zilele noastre. Există o mulțime de instrumente care pot verifica dacă site-ul dvs. este complet receptiv sau nu. Cu toate acestea, acest instrument Google Chrome ajută utilizatorii să afle dacă site-ul este receptiv sau nu, precum și să verifice cum ar arăta pe un anumit dispozitiv mobil. Deschideți orice site web, obțineți fila

Inspectați Elementul

, faceți clic pe butonul mobil , setați rezoluția sau selectați dispozitivul dorit pentru a testa pagina Web 5] Editați site-ul live Să presupunem că creați o pagină web, dar sunteți confuz în legătură cu culoarea schema sau dimensiunea meniului de navigare sau conținutul sau raportul barei laterale. Puteți să vă editați site-ul live utilizând opțiunea Inspect Element din Google Chrome. Deși nu puteți salva modificările pe un site web live, puteți efectua toate editările, astfel încât să le puteți utiliza în continuare. Pentru a face acest lucru, deschideți Inspect Element, selectați proprietatea HTML din partea stângă și modificați stilul în partea dreaptă. Dacă efectuați modificări în CSS, puteți să faceți clic pe link-ul de fișier, să copiați întregul cod și să îl lipiți în fișierul original.

Inspectați Elementul Google Chrome este un partener real al fiecărui dezvoltator web. Nu contează dacă dezvoltați un site web cu o singură pagină sau un site dinamic, cu siguranță puteți utiliza aceste sfaturi.