1. depanator;Am mai spus că poți adăuga o propoziție de depanare în codul tău Javascrip{filter}t; pentru a crea un efect de punct de rupere manual.
Ai nevoie de un punct de referință la condiții? Trebuie doar să-l înconjori cu o afirmație if:
Dar amintește-ți să le tai înainte ca programul să fie lansat.
2. Setează punctul de întrerupere să se declanșeze când nodul DOM se schimbă
Uneori vei descoperi că DOM-ul nu este sub controlul tău și va suferi schimbări ciudate de la sine, făcând dificilă identificarea rădăcinii problemei.
Există o funcție extrem de utilă în instrumentele de dezvoltare ale Google Chrome care poate gestiona această situație, numită "Break on...", poți da click dreapta pe nodul DOM și poți vedea acest element din meniu.
Condiția de declanșare pentru un punct de întrerupere poate fi setată astfel încât nodul să fie șters, proprietățile nodului să se schimbe sau unul dintre subnodurile sale să se schimbe.
3. Puncte de rupere Ajax
Punctele de întrerupere XHR, sau puncte de întrerupere Ajax, după cum le numesc, ne permit să setăm un punct de întrerupere care declanșează apelul Ajax al unei caracteristici atunci când apare.
Acest lucru este foarte eficient atunci când depanezi o aplicație web pe o rețea.
4. Mediul de simulare pentru dispozitive mobile
Google Chrome are unelte foarte interesante pentru a simula dispozitive mobile care ne ajută să depanăm modul în care funcționează programul pe dispozitivul mobil.
Pentru a-l găsi, apasă F12, deschide uneltele de dezvoltare, apoi apasă tasta ESC (fila curentă nu poate fi Console), și vei vedea apare al doilea nivel de fereastră de depanare, în fila Emulare, cu diverse dispozitive de emulare din care poți alege.
Desigur, acesta nu va fi un iPhone real, ci doar va simula dimensiunile iPhone-ului, evenimentele tactile și valorile User Agent din browser.
5. Îmbunătățește-ți site-ul prin audituri
YSlow este un instrument grozav. Există un instrument foarte similar în uneltele pentru dezvoltatori ale Google Chrome, numit Audits.
Auditează rapid site-ul tău și îți oferă sugestii foarte practice și eficiente, precum și modalități de a optimiza site-ul.
|
Postat pe 13.06.2017 13:11:32
|
|
|
|
Postat pe 13.06.2017 15:24:17