Utilisez le débogueur phpstorm pour les mises à jour inter pages. une chaîne de corruption de cache est ajoutée à lamp;rsquoURL dans lamp;rsquoétiquette du script, le débogueur Chrome namp;rsquoenregistre pas les points damp;rsquoarrêt entre les charges de page. La suppression de chaînes aléatoires et ou la mise en place damp;rsquoune carte source pour un script aideront à le faire, mais cela namp;rsquoest pas toujours possible.
Enfin, le plus grand avantage du débogueur JavaScript phpstorm est son intégration avec le débogueur PHP Xdebug. Nous verrons bientôt que JavaScript et PHP peuvent être débogués dans la même session. La première chose que devez faire est de voir la documentation JetBrains sur la configuration du débogueur JavaScript. Examinez les principales étapes nécessaires au bon fonctionnement des choses. Ensuite, assurez damp;rsquoutiliser un navigateur Web Chrome. Bien quamp;rsquoil existe également une configuration Firefox, chrome semble fonctionner mieux. Ensuite, devez installer lamp;rsquoextension JetBrains Chrome afin que chrome et phpstorm puissent communiquer entre eux.
Dans nous examinerons le débogage à distance parce que mes sites de développement local utilisent des domaines locaux séparés qui sont « distants » sur phpstorm. Camp;rsquoest un peu déroutant, mais selon les instructions du serveur distant, jamp;rsquoai eu le plus grand succès. Pour activer le débogage JavaScript à distance, devez créer une configuration de débogage permanente. Pour ce faire, cliquez sur exécuter dans la barre de menu supérieure, puis cliquez sur modifier la configuration. Nous allons damp;rsquoabord cliquer sur le bouton
De plus, si lamp;rsquoURL correspond
De au projet phpsstorm que ouvrez actuellement, il devrait être tout ce dont avez besoin pour commencer à travailler! non, pouvez utiliser la section URL distante de la configuration de débogage pour cartographier le domaine ou lamp;rsquoURL au projet courant.
Débogage si tout se passe bien, nous devrions tous être prêts à déboguer JavaScript maintenant. Nous devrons utiliser certains points damp;rsquoarrêt pour faire le travail. Une chose très importante à noter ici est que le point damp;rsquoarrêt doit être inséré dans le fichier javascript téléchargé par le navigateur. namp;rsquoutilisez pas damp;rsquooutils de construction dans votre flux de travail, êtes prêt.
Cependant, si utilisez des outils de construction tels que Grunt, gulp ou webpack, devez assurer que le point damp;rsquoarrêt se trouve dans le fichier généré par le processus de construction. Par conséquent, si avez un dossier Dist pour stocker des ressources, assurez que les points damp;rsquoarrêt sont dans ces fichiers et non dans le fichier JS source.
Il est important de noter que voulez éviter de minimiser les fichiers compilés localement pendant le développement et enregistrer la minimisation jusquamp;rsquoà lamp;rsquoétape finale de construction. Alternativement, si la cartographie des sources est activée pendant le processus de construction, pouvez ajouter des points damp;rsquoarrêt directement au fichier javascript source. Il y a un problème avec la cartographie des sources en ligne webstorm phpstorm et browserify, mais il existe une solution de rechange.
Dans notre exemple, lorsque WordPress script _ debug est activé, nous pouvons charger des fichiers compilés non compacts. Ça pourrait aussi être ton choix. Je dois également mentionner que phpstorm contrôle essentiellement la console du développeur Chrome pendant le débogage. Cela signifie que si ouvrez la console Chrome sur lamp;rsquoonglet exécuter le Code, le débogueur ne fonctionnera pas. Pas de problème, mais il mamp;rsquoa attrapé plusieurs fois. Polyuréthane
Horloge intégrée pour phpstorm. Il permet de définir lamp;rsquoélément à surveiller dans votre code, ce qui signifie que le débogueur affichera la valeur de cet élément dans le panneau de surveillance. Ceci est utile pour ce qui est normalement émis par un appel de console. Log parce quamp;rsquoil est essentiellement ce quamp;rsquoil fait, il émet la valeur de la variable observée lorsque le point damp;rsquoarrêt est activé. Ceci est utile parce quamp;rsquoil permet damp;rsquoéconomiser du temps en suivant les variables dans le panneau de débogage chaque fois que redémarrez le débogueur.
Dans lamp;rsquoexemple ci dessus, jamp;rsquoai examiné la variable globale wpmdb afin que puissiez y accéder rapidement lorsque ouvrez un point damp;rsquoarrêt. Une autre astuce que jamp;rsquoutilise souvent avec le débogueur phpstorm est lamp;rsquooutil damp;rsquoexpression de calcul. Cet outil permet de vérifier et de calculer les valeurs en fonction du Code actuellement en pause.
Dans lamp;rsquoexemple ci dessus, jamp;rsquoa i vu un appel Ajax renvoyer une variable de date dans un rappel Ajax jquery réussi. Cependant, les données retournées sont une chaîne json et jamp;rsquoespère quamp;rsquoelle est bien formatée. Avec lamp;rsquooutil damp;rsquoexpression damp;rsquoévaluation, je peux utiliser la méthode jquery $. Parsejson () génère un objet JavaScript formaté pour un examen plus approfondi. Cet outil est également disponible lorsque utilisez le débogueur PHP Xdebug. Enfin, je voudrais présenter une autre caractéristique que je considère comme la plus étonnante du débogueur phpstorm: la capacité de déboguer le javascript et le Code PHP dans la même session de débogage. Vous pouvez le voir lorsque les valeurs sont transférées du JavaScript frontal au PHP arrière. Ceci est particulièrement utile pour traiter les appels Ajax et leurs gestionnaires damp;rsquoarrière plan. Par exemple, supposons que publiiez des valeurs à lamp;rsquoarrière plan PHP via Ajax et que ces valeurs soient sur le point damp;rsquoêtre corrompues. Vous pouvez définir des points damp;rsquoarrêt dans Javascript pour vérifier
Débogage simultané de JavaScript et PHP en utilisant phpstorm
