1. debugger;Už jsem říkal, že můžete přidat větu z debuggeru do svého kódu Javascrip{filter}t; aby ručně vytvořil efekt bodu přerušení.
Potřebujete breakpoint s podmínkami? Stačí ho jen obklopit if tvrzením:
Ale nezapomeňte je před vydáním programu vystřihnout.
2. Nastavte breakpoint tak, aby se spustil, když se DOM uzel změní
Někdy zjistíte, že DOM je mimo vaši kontrolu a prochází podivnými změnami sám, což ztěžuje nalezení kořene problému.
V Google Chrome vývojových nástrojích je velmi užitečná funkce, která tuto situaci zvládne, nazvaná "Break on...", můžete kliknout pravým tlačítkem na uzel DOM a uvidíte tuto položku v menu.
Spouštěcí podmínka pro breakpoint může být nastavena tak, že uzel je smazán, jeho vlastnosti se změní, nebo se změní některý z jeho poduzlů.
3. Ajax breakpointy
XHR breakpointy, nebo Ajaxovy breakpointy, jak se jmenují, nám umožňují nastavit breakpoint, který spustí Ajaxové volání funkce, když nastane.
To je velmi účinné, když ladíte webovou aplikaci přes síť.
4. Simulační prostředí mobilních zařízení
Google Chrome má velmi zajímavé nástroje pro simulaci mobilních zařízení, které nám pomáhají ladit, jak program funguje na mobilním zařízení.
Pro nalezení stiskněte F12, otevřete vývojářské nástroje a stiskněte klávesu ESC (aktuální karta nemůže být Konzole) a uvidíte druhé úroveň ladění v záložce Emulace s různými emulačními zařízeními k výběru.
Samozřejmě, nebude to skutečný iPhone, ale pouze simulace rozměrů iPhonu, dotykových událostí a hodnot uživatelského agenta prohlížeče.
5. Vylepšete svůj web pomocí auditů
YSlow je skvělý nástroj. Existuje velmi podobný nástroj v vývojářských nástrojích Google Chrome nazvaný audity.
Rychle provede audit vašeho webu a poskytne vám velmi praktické a efektivní návrhy a způsoby, jak svůj web optimalizovat.
|
Zveřejněno 13.06.2017 13:11:32
|
|
|
|
Zveřejněno 13.06.2017 15:24:17