Maison > interface Web > js tutoriel > Exemple de la façon dont Chrome débogue JavaScript

Exemple de la façon dont Chrome débogue JavaScript

黄舟
Libérer: 2017-08-09 11:17:13
original
1911 Les gens l'ont consulté

Dans le développement de sites Web et front-end, JavaScript est un langage de script puissant, mais beaucoup de gens l'aiment et le détestent, et ignorent parfois directement son importance. Bien sûr, il existe de nombreuses façons de déboguer js sous ff et c'est-à-dire de disposer également d'outils de débogage très puissants. Ici, je vais vous montrer comment déboguer js dans Chrome.


1. Ouvrez la démo avec le navigateur Chrome

Exemple de la façon dont Chrome débogue JavaScript


2. Appuyez sur la touche f12

Exemple de la façon dont Chrome débogue JavaScript


3. Ajouter des points d'arrêt

Exemple de la façon dont Chrome débogue JavaScript


4. Surveiller les variables

Exemple de la façon dont Chrome débogue JavaScript

Exemple de la façon dont Chrome débogue JavaScript

5. Afficher le journal des entrées de la console

Exemple de la façon dont Chrome débogue JavaScript


6.code démo :

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>Examples</title>
<meta name="description" content="">
<meta name="keywords" content="">
<link href="" rel="stylesheet">
</head>
<body>
    
</body>
</html>
<script>
    
     var cnt = (function () {
        var index = 0;
        var add = function () {
            return ++index;
        };
        return add;

    })();
    var c=cnt();
    alert(c);
    console.log(c);

</script>
Copier après la connexion

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal