• Home
  • A Propos
  • Greasemonkey

19

août

Comment déboguer son code Javascript ? [programmation]

Posted by Aymeric  Published in Debug, Niveau expert, Programmation

Évidemment vous pouvez utiliser Firebug (add-on Firefox) pour trouver les problèmes dans votre code, que ce soit des erreurs de syntax (syntax error) ou autre. Même s’il semble qu’avec la version de Firebug 1.8.x l’information fournie ne soit plus autant utile (mais espérons que ce ne soit que temporaire).

Il existe des sites web qui fournissent un débogage du Javascript, et mon préféré est http://www.javascriptlint.com/. Il vous montrera rapidement ce qu’il ne va pas dans ce que vous avez entré : oubli de parenthèse, de point-virgule, mauvaise déclaration, …

De plus si vous utilisez Notepad++ ou un autre éditeur, il est facile d’adjoindre la puissance de JSLint à votre programme préféré. Dans ce thread on vous explique tout.
En l’occurrence voici comment faire pour Notepad++ :

  1. Télécharger la version pour Windows, puis dézippez le fichier;
  2. Maintenant ouvrez Notepad++, puis dans le menu Plugins vous trouvez NppExec, et après Execute… (ou touche F6);
  3. Dans la zone qui apparait entrez la commande suivante (en supposant que vous ayez mis le fichier dézipppé dans « C:\Program Files\JavascriptLint\ ») :
    "C:\Program Files\JavascriptLint\jsl.exe" -conf "C:\Program Files\JavascriptLint\jsl.default.conf" -process "$(FULL_CURRENT_PATH)"
  4. Cliquez sur « Save… » et donnez un nom à cette commande;
  5. Vous pouvez désormais utilisez JSLint directement dans Notepad++
  6. Dans le fichier jsl.default.conf vous trouverez les options et les warnings à supprimer

Tags: Debug, javascript, Programmation

no comment

17

août

IE8 Developer Toolbar qui ne s’affiche plus [astuce]

Posted by Aymeric  Published in Astuce, Debug, Navigateur, Niveau débutant, Programmation

Avec Internet Explorer il est possible d’utiliser un débogueur qu’ils nomment « IE Developer Toolbar ». C’est très peu puissant, mais quand on doit travailler sur ce navigateur ça peut être utile…

Pour l’activer il faut appuyer sur la touche F12, seulement, dans mon cas, même si elle apparaissait bien dans la liste des fenêtres ouvertes, quand je cliquais dessus rien ne se passait : elle ne s’ouvrait pas ! La solution consiste à faire un SHIFT + Clic Droit sur la fenêtre puis choisir « Maximize » (ou « Agrandir » en français), et là votre Developer Toolbar va s’ouvrir en grand. Les pré-réglages étant mauvais, la fenêtre s’ouvre dans un étrange mode.

Simple, mais il fallait y penser…

Tags: Astuce, Debug, internet explorer, javascript, Navigateur

no comment

16

avr

Débogage Javascript et PHP dans Firebug [Programmation]

Posted by Aymeric  Published in Debug, Navigateur, Niveau expert

[niveau: expert]

Sur l’excellent blog Ajaxian je viens de découvrir qu’il existe un plugin au module Firebug (dont je parlais justement hier) qui permet de déboguer du PHP en console ! Cette petite merveille se nomme FirePHP et m’a l’air prometteur au vue des images:
firephp

Je ne code actuellement pas en PHP, mais je dois bientôt retravailler sur un projet avec ce langage, je pourrai alors vous en dire un peu plus !

A noter qu’il existe d’autres moyens de débugguer, comme PHP Quick Profiler (en).

Tags: Debug, extensions, firefox, javascript, Niveau expert, php

1 comment

Me Suivre

Suivre @aymkdn

Catégories

  • À bookmarker
  • Android
  • Application
  • Astuce
  • Debug
  • Divers
  • Images
  • Linux
  • MacOS
  • Navigateur
  • Niveau débutant
  • Niveau expert
  • Niveau intermédiaire
  • Partage
  • Performance
  • Programmation
  • Sécurité
  • Téléphonie
  • Vidéo
  • Web Design
  • Windows

Mots-clefs

android Application Astuce astuces convertisseur css Debug débutant email extensions facebook firefox ftp GMail google IE Images intermédiaire internet explorer javascript jquery Linux mobile musique Navigateur Niveau débutant Niveau expert Niveau intermédiaire Nokia Partage Performance php Programmation recherche regexp sharepoint Sécurité traitement vidéo téléphone Téléphonie vidéo Web Design Windows wordpress À bookmarker

Archives

  • février 2012
  • janvier 2012
  • décembre 2011
  • novembre 2011
  • octobre 2011
  • septembre 2011
  • août 2011
  • juillet 2011
  • juin 2011
  • mai 2011
  • mars 2011
  • février 2011
  • novembre 2010
  • septembre 2010
  • août 2010
  • juillet 2010
  • juin 2010
  • mars 2010
  • février 2010
  • janvier 2010
  • décembre 2009
  • novembre 2009
  • octobre 2009
  • septembre 2009
  • août 2009
  • juillet 2009
  • juin 2009
  • mai 2009
  • avril 2009

Blogroll

  • Ajaxian
  • Alsacreations
  • iPhon.fr
  • Life Hacker
  • Performance Web
  • StandBlog

Pages

  • A Propos
  • Greasemonkey

Méta

  • Flux RSS
  • Administration

Recent Entries

  • Transformer/convertir une vidéo vers le format mp4 et ogg (ogv) gratuitement [vidéo]
  • Trouver les paramètres dans l’url [Javascript]
  • Comment cropper / rogner / recadrer un film [Vidéo]
  • Un algorithme court et rapide pour Array.unique() [Javascript]
  • Alternatives à IMNRC() et ProcessImn() pour déterminer la présence d’une personne [Sharepoint]
  • DOMContentLoaded pour cross browser (multi-navigateurs) [Javascript]
  • IE9 en mode standard et Sharepoint… bug du bouton OK [Sharepoint]
  • Appeler un lien relatif dans une masterpage [Sharepoint]
  • Define the preview image for your masterpage [Sharepoint]
  • Convertir un MKV en AVI [vidéo]

Recent Comments

  • Aymeric in Mettre à jour Debian Lenny vers Squeeze [retour d…
  • merci in Equivalent de ModalBox de okonet.ru en jQuery [jav…
  • Aymeric in Simple effet highlight sur un element avec jQuery …
  • rragen in Simple effet highlight sur un element avec jQuery …
  • sebozor in Les widgets de la sidebar Wordpress ne se sauvegar…
  • Aymeric in Les widgets de la sidebar Wordpress ne se sauvegar…
  • sebozor in Les widgets de la sidebar Wordpress ne se sauvegar…
  • Aymeric in Carte SD endommagée sur un téléphone Android [s…
  • Fify in Carte SD endommagée sur un téléphone Android [s…
  • Aymeric in Simuler un click sur un bouton ou un lien [Program…
  • Random Selection of Posts

    • Les caractères spéciaux à portée de main [à bookmarker]
    • Incruster des sous-titres dans une vidéo [Traitement vidéo]
    • Carte SD endommagée sur un téléphone Android [stockage]
    • Function Scroll To [javascript]
    • Utiliser la première occurrence dans une regexp [Javascript]
    • Surveiller l’activité de son PC [App Windows]
    • Nokia ouvre son store d’applications [Nokia]
© 2008 Kodono is proudly powered by WordPress
Theme designed by Roam2Rome