1. debugger;Jeg har tidligere sagt, at du kan tilføje en debugger-sætning til din Javascrip{filter}t-kode; for at skabe en breakpoint-effekt i hånden.
Har du brug for et breakpoint med betingelser? Du skal bare omgive det med en if-sætning:
Men husk at klippe dem ud, før programmet udkommer.
2. Sæt breakpunktet til at udløses, når DOM-noden ændres
Nogle gange vil du opdage, at DOM er uden for din kontrol og gennemgår mærkelige ændringer af sig selv, hvilket gør det svært at komme til roden af problemet.
Der er en super nyttig funktion i Google Chromes udviklingsværktøjer, der kan håndtere denne situation, kaldet "Break on...", du kan højreklikke på DOM-noden og se denne menupunkt.
Triggerbetingelsen for et breakpoint kan sættes således, at noden slettes, nodens egenskaber ændres, eller en af dens undernoder ændres.
3. Ajax breakpoints
XHR-breakpoints, eller Ajax-breakpoints, som navnet går, giver os mulighed for at sætte et breakpoint, der udløser Ajax-kaldet af en funktion, når det sker.
Dette er meget effektivt, når du fejlsøger en webapplikation over et netværk.
4. Mobilenhedssimuleringsmiljø
Google Chrome har nogle meget interessante værktøjer til at simulere mobile enheder, som hjælper os med at fejlfinde, hvordan programmet fungerer på den mobile enhed.
For at finde den, tryk F12, åbn udviklerværktøjerne, tryk derefter på ESC-tasten (den nuværende fane kan ikke være Konsol), og du vil se det andet niveau af fejlsøgningsvindue dukke op i Emuleringsfanen med forskellige emuleringsenheder at vælge imellem.
Selvfølgelig vil dette ikke være en rigtig iPhone, men blot simulere iPhonens dimensioner, touch-events og browserens User Agent-værdier.
5. Opbedr din hjemmeside med revisioner
YSlow er et fantastisk værktøj. Der findes et meget lignende værktøj i Google Chromes udviklerværktøjer kaldet Audits.
Den gennemgår hurtigt din hjemmeside og giver dig meget praktiske og effektive forslag samt måder at optimere din hjemmeside på.
|
Opslået på 13/06/2017 13.11.32
|
|
|
|
Opslået på 13/06/2017 15.24.17