Een moderne website vereist dat meerdere technologieën werken allemaal naadloos met elkaar om zelfs de eenvoudigste taken uit te voeren . Als een faalt , kan een website gaan van een eenvoudige , vriendelijke ervaring om een onbruikbaar nachtmerrie . Een gemeenschappelijk punt van mislukking in webapplicaties is JavaScript fouten . Het opsporen en vaststellen van deze fouten kan een belangrijke hoofdpijn naar een web ontwikkelaar. Gelukkig zijn er een paar eenvoudige , vrij beschikbare tools die sterk kan verminderen van de hoeveelheid tijd en inspanning die nodig is om te vinden en oplossen van JavaScript-fouten . Wat je nodig hebt
Mozilla Firefox
Toon Meer Instructions
Gebruik de Firefox Error Console
1 In Mozilla Firefox , opent u de Error Console . U kunt dit doen door op "ctrl + shift + J , " of door deze te selecteren in het menu Extra . Sluit alle pagina's die u niet wilt controleren op fouten en duidelijk de console . Kopen van 2 Laad de pagina die u wilt controleren op fouten . Alle van de webbrowser die draait op de pagina te laden zal lopen , en eventuele fouten die deze onderdelen van uw scripts te genereren zal laten zien in de fout console . Als u een event driven scripts die u wilt testen , zoals die veroorzaakt door een druk op de knop , doen wat de oorzaken daarvan te voeren .
3 Eventuele fouten die zich tijdens dit proces zal in de console worden vermeld . U kunt op de link in de lijst te hebben Firefox een venster met het script open source .
Gebruik de Firebug Plug-in voor Firefox
Download 4 en installeer de Firebug plugin voor Firefox . Firebug is een web development tool die is uitgegroeid tot een standaard debugging hulpmiddel bij webontwikkelaars . Het biedt een veel meer krachtige set van functies dan de standaard Error Console inbegrepen bij Firefox .
5 Klik op het pictogram bug in de rechter bovenhoek van uw browser . Dit opent Firebug . Er zijn meerdere tabbladen aan de bovenkant van Firebug - de twee meest bruikbare voor JavaScript debuggen zijn de " Script " en " Console " tabs . Zorg ervoor dat deze worden beide ingeschakeld " staat " in het drop - down menu van dat tabblad .
6 Bezoek de website die u wilt debuggen selecteren . Een lijst met fouten zal verschijnen in de tab " Console " . Dubbelklikken op een item in deze lijst neemt u mee naar het punt in het script dat de fout heeft veroorzaakt .
7 Gebruik de hulpmiddelen op het tabblad " script " om de code te meer grondig te testen en te onderzoeken . Een van deze tools is de "watch "-gebied , waarin u JavaScript-instructies kunt typen en ze zullen uitvoeren op de pagina , wat erg handig is voor snelle testen . Een andere bruikbare deel van de tab script is de mogelijkheid om een breekpunt . Om dit te doen , vind het gebied van het script waar u het wenst te stoppen ( of breken ) , en klik in het grijze gebied links van het. Een rode cirkel zal verschijnen dat aangeeft dat dit is waar de debugger zal beginnen . U kunt dit gebruiken om door een script een regel op een moment om te vinden wat kan worden veroorzaakt een fout . Met behulp van deze tools kan JavaScript debuggen transformeren van uren van frustratie tot een snelle , gemakkelijke taak .
|
