1. debugator;Mówiłem już, że możesz dodać zdanie debugera do kodu Javascrip{filter}t; aby ręcznie wywołać efekt punktu przerwania.
Potrzebujesz punktu przerwania z warunkami? Wystarczy otoczyć go stwierdzeniem if:
Ale pamiętaj, żeby je wyciąć przed premierą programu.
2. Ustaw punkt przerwania tak, aby wyzwalał się przy zmianie węzła DOM
Czasami odkryjesz, że DOM jest poza twoją kontrolą i sam przechodzi dziwne zmiany, co utrudnia dotrzenie do źródła problemu.
W narzędziach programistycznych Google Chrome jest bardzo przydatna funkcja, która radzi sobie z taką sytuacją, zwana "Break on...", możesz kliknąć prawym przyciskiem na węzeł DOM i zobaczyć ten element menu.
Warunek wyzwalacza dla punktu przerwania można ustawić tak, aby węzeł został usunięty, jego właściwości zmienione lub jeden z jego podwęzłów się zmienił.
3. Punkty przełomowe Ajaxu
Punkty przerwy XHR, zwane też Ajax, jak ich nazwa, pozwalają ustawić punkt przerwania, który wywołuje wywołanie funkcji Ajax, gdy się pojawi.
Jest to bardzo skuteczne, gdy debugujesz aplikację webową przez sieć.
4. Środowisko symulacji urządzeń mobilnych
Google Chrome ma bardzo interesujące narzędzia do symulacji urządzeń mobilnych, które pomagają nam debugować działanie programu na urządzeniu mobilnym.
Aby go znaleźć, naciśnij F12, otwórz narzędzia deweloperskie, a następnie naciśnij ESC (obecna zakładka nie może być Konsola), a zobaczysz okno drugiego poziomu debugowania, w zakładce Emulacja, z różnymi urządzeniami emulacyjnymi do wyboru.
Oczywiście nie będzie to prawdziwy iPhone, a jedynie symulacja wymiarów iPhone'a, zdarzeń dotykowych i wartości User Agenta przeglądarki.
5. Ulepsz swoją stronę internetową poprzez audyty
YSlow to świetne narzędzie. Istnieje bardzo podobne narzędzie w narzędziach deweloperskich Google Chrome, zwane Audits.
Szybko audytuje Twoją stronę i dostarcza bardzo praktycznych i skutecznych sugestii oraz sposobów optymalizacji witryny.
|
Opublikowano 13.06.2017 13:11:32
|
|
|
|
Opublikowano 13.06.2017 15:24:17