1. razhroščevalnik;Že prej sem rekel, da lahko dodaš stavek za razhroščevanje v svojo kodo Javascrip{filter}t; da ročno ustvarimo učinek prelomne točke.
Potrebujete prelomno točko s pogoji? Le obkrožiti jo morate z if-izjavo:
A ne pozabite jih pred izidom programa odrezati.
2. Nastavite prelomno točko, da se sproži, ko se DOM vozlišče spremeni
Včasih boste ugotovili, da je DOM izven vašega nadzora in bo sam doživel nenavadne spremembe, zaradi česar je težko priti do korena težave.
V razvojnih orodjih Google Chrome je zelo uporabna funkcija, ki lahko reši to situacijo, imenovana "Prekini na...", lahko z desnim klikom na DOM vozlišče vidite ta menijski element.
Sprožilni pogoj za prekinitev je mogoče nastaviti tako, da se vozlišče izbriše, spremenijo se lastnosti vozlišča ali se spremeni eno od njegovih podvozliš.
3. Prelomne točke Ajaxa
XHR prelomne točke ali Ajaxove prelomne točke, kot jim je ime, nam omogočajo nastavitev prelomne točke, ki sproži Ajaxov klic funkcije, ko se pojavi.
To je zelo učinkovito, ko odpravljate napake spletne aplikacije prek omrežja.
4. Simulacijsko okolje mobilnih naprav
Google Chrome ima nekaj zelo zanimivih orodij za simulacijo mobilnih naprav, ki nam pomagajo razhroščevati, kako program deluje na mobilni napravi.
Da ga najdete, pritisnite F12, odprite orodja za razvijalce, nato pritisnite tipko ESC (trenutni zavihek ne more biti Konzola) in videli boste drugo stopnjo okna za razhroščevanje, v zavihku Emulacija z različnimi emulacijskimi napravami za izbiro.
Seveda to ne bo pravi iPhone, temveč le simulacija dimenzij iPhona, dotik dogodkov in vrednosti uporabniškega agenta brskalnika.
5. Izboljšajte svojo spletno stran z revizijami
YSlow je odlično orodje. Obstaja zelo podobno orodje v Google Chrome orodjih za razvijalce, imenovano revizije.
Hitro pregleda vašo spletno stran in vam ponudi zelo praktične in učinkovite predloge ter načine za optimizacijo vaše spletne strani.
|
Objavljeno na 13. 06. 2017 13:11:32
|
|
|
|
Objavljeno na 13. 06. 2017 15:24:17