Comment déboguer JavaScript et PHP ensemble dans le même projet NetBeans (7.3) ?

Question

Dans mes premiers pas, j'utilise cette méthode non rationnelle, comme décrit ci-dessous :

1. Créez un projet HTML5 pour déboguer le code JavaScript.
2. Créer le projet PHP définitif, avec le code JS déjà testé, où je débogue le côté serveur.

Je me demande donc s'il n'y a pas une façon plus intelligente de faire ça ?
Par exemple, créer un projet unique et basculer entre le débogueur JavaScript natif de NetBeans et le débogueur PHP. XDebug .

Answer 1

Pour le débogage du JavaScript dans Chrome, vous devez utiliser le programme officiel Connecteur NetBeans extension.

Voici un exemple de débogage de code JavaScript avec NetBeans + Chrome + NetBeans Connector :

Déboguer et tester JavaScript dans une application HTML5 https://netbeans.org/kb/docs/webclient/html5-js-support.html

Après avoir créé un nouveau projet, vous devez "Confirmez que Chrome avec NetBeans Connector est sélectionné dans la liste déroulante de la barre d'outils". :

(cela ressemble à ceci dans mon NetBeans :
)

Mettez des points d'arrêt avant certaines lignes :

et appuyez sur Run. Après avoir appuyé sur Exécuter, vous verrez une barre d'avertissement jaune qui ressemble un peu à ceci, indiquant " "NetBeans Connector" débogue cet onglet " :

N'ouvrez PAS maintenant la barre d'outils intégrée de l'inspecteur Web de Chrome (ou vous recevrez un avertissement indiquant que cela interrompt le processus de débogage normal dans NetBeans).

Vous pouvez maintenant déboguer du code JavaScript dans NetBeans, le code s'exécutera dans Chrome. Vous devez ouvrir le panneau Fenêtre → Débogage → Variables pour inspecter les variables.

Ou passez la souris sur certains éléments :

---

En ce qui concerne le débogage du code PHP, voici quelques articles officiels pertinents :

• Comment déboguer un projet PHP ? - http://wiki.netbeans.org/HowToDebugPHPProjects
• Configuration de l'environnement de développement PHP sous Windows - https://netbeans.org/kb/docs/php/configure-php-environment-Windows.html
• Configurer l'environnement de développement PHP sous Linux Ubuntu - https://netbeans.org/kb/docs/php/configure-php-environment-ubuntu.html
• Configurer PHP, Apache, MySQL et Xdebug pour le développement PHP sous MAC OS X - https://netbeans.org/kb/docs/php/configure-php-environment-mac-os.html
• Déboguer du code source PHP dans l'EDI NetBeans - https://netbeans.org/kb/docs/php/debugging.html
• Comment configurer XDebug - http://wiki.netbeans.org/HowToConfigureXDebug