Maison  >  Article  >  interface Web  >  Tutoriel illustré sur la façon de déboguer des scripts js dynamiques dans le navigateur

Tutoriel illustré sur la façon de déboguer des scripts js dynamiques dans le navigateur

小云云
小云云original
2018-01-20 09:14:001576parcourir

Cet article présente principalement la méthode de débogage des scripts js dynamiques dans le navigateur. L'article vous propose deux méthodes de débogage, qui sont très bonnes et ont une valeur de référence. J'espère que cela pourra aider tout le monde.

Il y a deux jours, j'ai extrait les modifications du code front-end de l'entreprise et j'ai découvert que dans l'option sources des outils de développement, le script js que je voulais déboguer n'était pas répertorié. Plus tard, j'ai observé que. le script était dynamique sur la page. Il se peut qu'il ne soit pas affiché à cause de cela, mais si vous ne pouvez pas déboguer avec des points d'arrêt, le simple fait d'imprimer des journaux sera vraiment fatigant. Je l'ai essayé en recherchant sur Internet et j'ai trouvé. deux façons de le résoudre :

1. Ajoutez //# sourceURL=xxxxxxxxx.js dans le script. Vous pouvez utiliser le nom du fichier directement, comme indiqué ci-dessous :

<.>

Ensuite, dans Ouvrez la page contenant ce js dans la page Web, afin qu'il soit visible dans les outils de développement. Vous pouvez arrêter les points et déboguer normalement comme des js ordinaires

2. Chapitre La deuxième méthode consiste à utiliser console.log("Laissez-moi le déboguer!") pour imprimer le journal. Après avoir vu le résultat dans la console du navigateur, cliquez sur le lien suivant pour y accéder. le script dynamique. Le nom est généralement vmXXX, comme indiqué ci-dessous :

Recommandations associées :


Web Inspecteur : Introduction au débogage de JS dans Sublime Text_Connaissances de base

Tutoriel d'introduction au débogage FireBug JS Comment déboguer les compétences JS_javascript

Points d'arrêt js incontournables Débogage partage d'expérience

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!

Déclaration:
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