Scan de Javascript code op mogelijke fouten

Titel WikiBook JavaScript
Titel WikiBook JavaScript (Photo credit: Wikipedia)

Als webdesigner werk je natuurlijk met Javascript om functionaliteit aan jouw pagina’s toe te voegen. Met name Jquery wordt tegenwoordig veel gebruikt voor het toevoegen van sliders, popups, info boxen, dropdowns, horizontale en verticale menu’s, etc. Zeker bij meer complexe websites zal de omvang van de Javascript code enorm zijn. De kans dat er dan een foutje zit in de Javascriptcode is dan natuurlijk ook een stuk groter. Maar gelukkig zijn er tools om deze scriptcode te scannen voor eventuele fouten.

Image representing Google Chrome as depicted i...
Image via CrunchBase

Een tool die ik zelf vaak gebruik is de Javascript-console die in de browser Chrome zit. Via deze console kun je direct zien of er fouten in de code zitten van de pagina die je op dat moment bekijkt. De chrome console geeft direct ook het regelnummer aan en dus zou je redelijk snel de fout moeten kunnen vinden en oplossen.

Een andere tool is PMD. Dit is een opensource oplossing en dus gratis te gebruiken. PMD scant de Java source code en zoekt naar mogelijke problemen in de scripts. Problemen / errors die het kan vinden zijn bijvoorbeeld:

  • Mogelijke fouten / bugs zoals empty try/catch/finally/switch statements
  • Dubbele / duplicate code – gekopieerde code (copy / paste) betekent meestal ook gekopieerde bugs
  • Overbodige of Dead code – ongebruikte lokale variabelen + ongebruikte parameters en private methods
  • Niet geoptimaliseerde code – overbodig gebruik van String / StringBuffer
  • Onnodige ingewikkelde expressies – overbodig complexe if statements, for loops die ook while loops zouden kunnen zijn
English: Firebug's logo Français : Logo de Firebug
English: Firebug's logo Français : Logo de Firebug (Photo credit: Wikipedia)

Een zeer complete tool voor de webdeveloper is Firebug. Dit is een plugin voor Firefox en biedt meer dan alleen een Javascript scanner. Firebug helpt jou op diverse punten met het ontwikkelen van websites. Deze tool helpt je niet alleen met de vervaardiging van Javascriptcode maar ook de HTML en de CSS code. Enkele eigenschappen van Fire-bug zijn:

  • Controleer de HTML en pas de stijl en de layout aan in real-time (dus je ziet direct de aanpassingen)
  • De tool bevat, volgens eigen zeggen, de meest geavanceerde JavaScript debugger die je kunt vinden
  • Zeer uitgebreid en nauwkeurig analyseren van netwerk verbruik en snelheid
  • Voeg extra functies toe aan Firebug en zorg dat jouw Firebug alles bevat wat jij handig vindt
  • Krijg alle informatie die voor jou als webontwikkelaar belangrijk is
Enhanced by Zemanta

Share and Enjoy !

0Shares
0 0

Gerelateerde Posts:

Geen reacties

Geef een reactie

Het e-mailadres wordt niet gepubliceerd. Vereiste velden zijn gemarkeerd met *

Photo by Daria Shevtsova from Pexels
Ondernemen
Prijs op site vermelden of niet

 Heb jij jouw tarieven op je website geplaatst? Veel bedrijven houden hun tarieven liever geheim en plaatsen deze niet op de openbare website. Maar is dit verstandig? Is dit goed voor jouw potentiële klanten de jouw website bezoeken? Waarschijnlijk doe jij jouw best om jouw doelgroep op jouw website te …

phoenix versus wordpress
Webdesign
IMU Phoenix site of WordPress site

Aanleiding van dit artikel was het verzoek om advies. Deze ondernemer had een proefabonnement van het systeem Phoenix van IMU. Moest ze verder met IMU of waren er andere en betere oplossingen? Zonder exact te weten wat precies de wensen waren van deze ondernemer kon ik ook geen gedegen advies …

Webdesign
WIX ook geschikt voor meer functionele websites

Op dit moment (2018) is Wix één van de meest bekende websitemaak-tools beschikbaar op het internet. Deze online oplossing bestaat al sinds 2007 en heeft sindsdien veel ontwikkelingen doorgemaakt. Met Wix kun je op eenvoudige wijze en zonder technische kennis via jouw internetbrowser een eigen website maken. Het is minder …

0Shares
0