En moderne webside kræver , at flere teknologier alle arbejder problemfrit med hinanden for at udføre selv de simpleste opgaver. Hvis man svigter, kan et websted gå fra en enkel, venlig erfaring til et ubrugeligt mareridt. Et fælles punkt af svigt i web-applikationer er JavaScript fejl. Opspore og fastsættelse af disse fejl kan være en stor hovedpine for en web-udvikler . Heldigvis er der et par enkle , frit tilgængelige værktøjer, der kan reducere mængden af tid og indsats er nødvendig for at finde og løse JavaScript fejl . Ting du skal
Mozilla Firefox
Vis Flere Instruktioner
Brug Firefox Fejl Console
1
Mozilla Firefox, åbne Fejl Console. Du kan gøre dette enten ved at trykke på " ctrl + shift + J ", eller ved at vælge det i menuen Funktioner. Luk eventuelle sider, du ikke ønsker at kontrollere for fejl og rydde konsollen .
2
indlæse siden du ønsker at tjekke for fejl. Alle JavaScript , der kører på siden belastningen vil køre , og eventuelle fejl , at disse dele af dine scripts genererer vil vise i fejlen konsollen. Hvis du har nogen hændelsesstyrede scripts, som du vil teste , såsom dem udløst af tryk på en knap , gør hvad får dem til at udføre.
3
Eventuelle fejl , der opstod i løbet af denne proces vil være opført i konsollen. Du kan klikke på linket i listen for at have Firefox åbne et vindue med scriptet kilde.
Brug Firebug Plug-in til Firefox
4
Download og installer Firebug plug-in til Firefox. Firebug er en web-udvikling hjælpeprogram, der er blevet en standard debugging redskab blandt webudviklere . Dens giver en langt mere kraftfuld sæt af funktioner end standard Fejl Console følger med Firefox .
5.
Klik på bug ikonet i nederste højre hjørne af din browser. Dette åbner Firebug . Der er flere faner øverst på Firebug - de to mest nyttige for JavaScript debugging er " Script " og " Konsol " faner. Sørg Disse er begge aktiveret ved at vælge " aktivere" i drop- down menu af denne fane.
6
Besøg det websted, du ønsker at debug . En liste over fejl vil blive vist i "Console " fanen. Dobbelt klikke på et element i denne liste vil tage dig til det punkt i det script, der forårsagede fejlen .
7
Brug værktøjerne i " script " fanen for at teste og undersøge koden mere grundigt. Et af disse værktøjer er " vagt " område , hvor du kan skrive JavaScript udtalelser, og de vil udføre på siden, hvilket er meget nyttigt for hurtige tests. En anden nyttig del af scriptet fanen er evnen til at sætte et breakpoint . For at gøre dette , skal du finde det område af scriptet , hvor du ønsker det til at stoppe (eller brud) , og klik i det grå område til venstre for den. En rød cirkel vises der indikerer, at det er her debugger starter. Du kan bruge dette til at gå trinvist gennem et script én linje ad gangen for at finde, hvad der kan forårsage en fejl. Ved hjælp af disse værktøjer kan forvandle JavaScript debugging fra timers frustration til en hurtig , nem opgave.