Latest web development tutorials
×

JavaScript cours

JavaScript cours JavaScript Brève introduction JavaScript usage JavaScript exportation JavaScript grammaire JavaScript Déclarations JavaScript note JavaScript variable JavaScript Types de données JavaScript Objets JavaScript fonction JavaScript portée JavaScript événement JavaScript chaîne JavaScript opérateurs JavaScript comparer JavaScript If...Else JavaScript switch JavaScript for JavaScript while JavaScript Break & Continue JavaScript typeof JavaScript Type de conversion JavaScript expressions régulières JavaScript erreur JavaScript debugging JavaScript ascenseur variable JavaScript Strict mode JavaScript utilisation inappropriée JavaScript Authentification Forms JavaScript Mots clés réservés JavaScript JSON JavaScript void JavaScript Spécification code

JS fonction

JavaScript Définition de la fonction JavaScript Arguments de la fonction JavaScript appel de fonction JavaScript fermetures

JS HTML DOM

DOM Brève introduction DOM HTML DOM CSS DOM événement DOM EventListener DOM élément

JS Tutorial avancée

JavaScript Objets JavaScript Number JavaScript String JavaScript Date JavaScript Array JavaScript Boolean JavaScript Math JavaScript RegExp Objets

JS Navigateur BOM

JavaScript Window JavaScript Window Screen JavaScript Window Location JavaScript Window History JavaScript Navigator JavaScript pop JavaScript événement Timed JavaScript Cookies

JS entrepôt

JavaScript entrepôt JavaScript test jQuery JavaScript test Prototype

JS Exemples

JavaScript Exemples JavaScript instance de l'objet JavaScript instance d'objet du navigateur JavaScript HTML DOM Exemples JavaScript résumé

JS Manuel de référence

JavaScript Objets HTML DOM Objets

JavaScript débogage

Lors de l'écriture JavaScript, si aucun outil de débogage est une chose très douloureuse.


JavaScript débogage

Les outils de débogage ne sont pas difficiles à écrire des programmes JavaScript.

Votre code peut contenir des erreurs de syntaxe, des erreurs de logique, si aucun des outils de débogage, ces erreurs sont plus difficiles à trouver.

En règle générale, si l'erreur JavaScript se produit, il n'y aura pas rapidement, de sorte que vous ne pouvez pas trouver le code mauvais endroit.

note En règle générale, vous écrivez une erreur se produit dans un nouveau processus de code JavaScript.

outils de débogage JavaScript

Vous cherchez l'erreur dans le code de programme est appelé débogage.

Débogage difficile, mais heureusement, de nombreux navigateurs ont intégré dans les outils de débogage.

Intégré dans les outils de débogage peuvent être ouvertes ou fermées, un message d'erreur grave sera envoyé à l'utilisateur.

Avec des outils de débogage, nous pouvons mettre un point d'arrêt (position d'exécution de code d'arrêt), et peut détecter quand une exécution de code variable.

outils de débogage navigateur activés sont généralement appuyez sur la touche F12, puis sélectionnez la "Console" dans le menu Debug.


méthode console.log ()

Si le navigateur prend en charge le débogage, vous pouvez utiliser console.log () méthode JavaScript imprime la valeur de la fenêtre de débogage:

Exemples

<! DOCTYPE html>
<Html>
<Body>

<H1> Ma première page Web </ h1>

<Script>
a = 5;
b = 6;
c = a + b;
console.log (c);
</ Script>

</ Body>
</ Html>

Essayez »


Définir un point d'arrêt

Dans la fenêtre de débogage, vous pouvez définir des points d'arrêt code JavaScript.

Sur chaque point d'arrêt arrêtera l'exécution du code JavaScript pour vérifier la valeur des variables en nous JavaScript.

Après l'inspection est terminée, vous pouvez ré-exécuter le code (comme le bouton de lecture).


débogueur mot-clé

débogueur mot - clé pour arrêter l' exécution de JavaScript, et invoquer les fonctions du débogueur.

Ce mot-clé et définir un point d'arrêt dans l'outil de débogage, l'effet est le même.

S'il n'y a pas de débogage disponibles, la déclaration du débogueur ne fonctionne pas.

Ouvrir débogueur, l'exécution de code est arrêté avant la troisième ligne.

Exemples

var x = 15 * 5;
debugger;
document.getElementbyId("demo").innerHTML = x;

Essayez »


Les principaux outils de débogage navigateur

En règle générale, les navigateurs permettent des outils de débogage sont généralement appuyez sur la touche F12, puis sélectionnez la "Console" dans le menu Debug.

Chaque navigateur, procédez comme suit:

navigateur Chrome

  • Ouvrez votre navigateur.
  • Sélectionnez Outils dans le menu.
  • Sélectionnez Outils Outils de développeur.
  • Enfin, sélectionnez Console.

Firefox

  • Ouvrez votre navigateur.
  • Accédez à la page:
    http://www.getfirebug.com.
  • Suivez les instructions:
    Installez Firebug.

Le navigateur Internet Explorer.

  • Ouvrez votre navigateur.
  • Sélectionnez Outils dans le menu.
  • Sélectionnez Outils Outils de développeur.
  • Enfin, sélectionnez Console.

opéra

  • Ouvrez votre navigateur.
  • Opera intégré à outils pour le débogage Dragonfly, une description détaillée peut être trouvée sur la page visites:
    http://www.opera.com/dragonfly/.

safari

  • Ouvrez votre navigateur.
  • Faites un clic droit et sélectionnez Inspecter l'élément.
  • Sélectionnez "Panneau de configuration" au bas de la fenêtre pop-up.