En modern webbsida kräver att flera tekniker allt fungerar sömlöst med varandra för att utföra ens de enklaste uppgifter . Om man misslyckas , kan en webbplats går från en enkel och trevlig upplevelse till en oanvändbar mardröm . En gemensam punkt för misslyckande i webbapplikationer är JavaScript-fel . Spåra och fastställande av dessa fel kan vara en stor huvudvärk för en webbutvecklare . Lyckligtvis finns det några enkla , fritt tillgängliga verktyg som kraftigt kan minska den tid och ansträngning som krävs för att hitta och åtgärda JavaScript-fel . Saker du behöver
Mozilla Firefox
Visa fler instruktioner
Använd Firefox Fel Console
1
Mozilla Firefox , öppna Error Console . Du kan göra detta antingen genom att trycka " Ctrl + Shift + J , " eller genom att välja det i menyn Verktyg . Stäng alla sidor som du inte vill söka efter fel och rensa konsolen .
2
ladda sidan du vill söka efter fel . Samtliga av JavaScript som körs på sidan belastningen kommer att köra , och eventuella fel som dessa delar av dina skript genererar kommer att visa i fel konsolen . Om du har några händelsestyrda skript som du vill testa , såsom de som utlöstes av en knapptryckning , gör vad får dem att köra .
3
Eventuella fel som inträffat under denna process kommer vara införd i den konsolen . Du kan klicka på länken i listan för att få Firefox att öppna ett fönster som innehåller skriptet källan .
Använd Firebug Plug - in för Firefox
4
Hämta och installera Firebug plug - in för Firefox . Firebug är en webbutveckling verktyg som har blivit en standard felsökningsverktyg bland webbutvecklare . Dess erbjuder en mycket mer kraftfull uppsättning funktioner än standard Error Console medföljer Firefox .
5
Klicka bugg ikonen i nedre högra hörnet av din browser . Detta öppnar Firebug . Det finns flera flikar i toppen av Firebug - de två mest användbara för JavaScript felsökning är det " Script " och " konsol " flikar . Se till att dessa är aktiverade genom att välja " aktivera " i rullgardinsmenyn i den fliken .
6
Besök hemsidan du vill felsöka . En lista med fel kommer att visas i " Console " fliken . Dubbelklicka på ett objekt i den här listan kommer att ta dig till den punkt i skriptet som orsakade felet .
7
Använd verktygen i " manus "-fliken för att testa och undersöka koden mer grundligt . Ett av dessa verktyg är " watch " , där du kan skriva JavaScript uttalanden och de kommer att köra på sidan , vilket är mycket användbart för snabba tester . En annan användbar del av manuset fliken är förmågan att sätta en brytpunkt . För att göra detta , hitta den del av skriptet där du vill att det ska sluta ( eller paus ) , och klicka på den grå ytan till vänster om det . En röd cirkel visas det tyder på att det är där debugger startar . Du kan använda detta för att stega igenom ett skript en rad i taget för att hitta vad som kan orsaka ett fel . Med hjälp av dessa verktyg kan förvandla JavaScript debugging från timmar av frustration till en snabb , enkel uppgift .
