1. debugger;Už som povedal, že do svojho Javascrip{filter}t kódu môžete pridať vetu z debuggera; aby sa ručne vytvoril efekt bodu prerušenia.
Potrebujete breakpoint s podmienkami? Stačí ho obklopiť if:
Ale nezabudnite ich pred vydaním programu vystrihnúť.
2. Nastavte breakpoint tak, aby sa spustil, keď sa zmení DOM uzol
Niekedy zistíte, že DOM je mimo vašej kontroly a prechádza zvláštnymi zmenami sám od seba, čo sťažuje prístup k koreňu problému.
V Google Chrome vývojárskych nástrojoch je veľmi užitočná funkcia, ktorá dokáže túto situáciu riešiť, nazýva sa "Break on...", môžete pravým kliknutím kliknúť na uzol DOM a uvidíte túto položku v menu.
Spúšťacia podmienka pre breakpoint môže byť nastavená tak, že uzol sa vymaže, jeho vlastnosti sa zmenia alebo sa zmení jeden z jeho poduzlov.
3. Ajax breakpointy
XHR breakpointy, alebo Ajaxove breakpointy, ako ich názov, nám umožňujú nastaviť breakpoint, ktorý spustí Ajaxovo volanie funkcie, keď nastane.
To je veľmi účinné, keď ladíte webovú aplikáciu cez sieť.
4. Simulačné prostredie mobilných zariadení
Google Chrome má niekoľko veľmi zaujímavých nástrojov na simuláciu mobilných zariadení, ktoré nám pomáhajú ladiť fungovanie programu na mobilnom zariadení.
Aby ste ho našli, stlačte F12, otvorte vývojárske nástroje, potom stlačte kláves ESC (aktuálna karta nemôže byť Konzola) a uvidíte druhé okno ladenia v karte Emulácia s rôznymi emulačnými zariadeniami na výber.
Samozrejme, nepôjde o skutočný iPhone, ale len o simuláciu rozmerov iPhonu, dotykových udalostí a hodnôt prehliadačových User Agentov.
5. Vylepšite svoju webovú stránku pomocou auditov
YSlow je skvelý nástroj. Existuje veľmi podobný nástroj v vývojárskych nástrojoch Google Chrome s názvom Audity.
Rýchlo audituje vašu webovú stránku a poskytuje vám veľmi praktické a efektívne návrhy a spôsoby, ako optimalizovať vašu stránku.
|
Zverejnené 13. 6. 2017 13:11:32
|
|
|
|
Zverejnené 13. 6. 2017 15:24:17