2013-04-04 10 views
6

W moich pierwszych kroków, Używam tego nie racjonalny sposób, jak opisano poniżej:Jak debugować JavaScript i PHP razem w tym samym projekcie NetBeans (7.3)?

  1. Utwórz projekt HTML5 do debugowania kodu JavaScript.
  2. Utwórz ostateczny projekt PHP, z już przetestowanym kodem JS, gdzie debuguję stronę serwera.

Zastanawiam się, czy istnieje mądrzejszy sposób robienia tego?
Np .: utwórz unikalny projekt i przełącz między natywnym debuggerem JavaScript NetBeans a (PHP) XDebug.

+1

Dlaczego nie debugujesz kodu JavaScript w przeglądarce? –

+1

Zgadzam się z @MattBall: powinieneś debugować JavaScript w przeglądarce. Możesz użyć 'Firebug' na * Firefox * lub' Chrome Developer Tools' w * Google Chrome * – juanchopx2

+0

@MattBall, z powodów lenistwa ... wracając do NetBeans i edytując kod, ale jest to najlepszy sposób. Dzięki, że pamiętasz. – ajmacedo

Odpowiedz

5

Do debugowania JavaScript w przeglądarce Chrome należy użyć oficjalnego rozszerzenia NetBeans Connector.

Oto przykład, w jaki sposób do debugowania kodu JavaScript z NetBeans + Chrom + NetBeans Złącze:

debugowania i testowania JavaScript w aplikacji HTML5 https://netbeans.org/kb/docs/webclient/html5-js-support.html

Po utworzeniu nowego projektu, ty powinno być "Sprawdź, czy Chrome ze złączem NetBeans jest zaznaczony na liście rozwijanej na pasku narzędzi":

Confirm that Chrome with NetBeans Connector is selected in the dropdown list in the toolbar

(wygląda to w moich NetBeans:
NetBeans Connector)

Umieścić kilka punktów przerwania przed niektórych liniach:

JS code breakpoints

i uderzył Uruchom. Po uderzeniu Uruchom, pojawi się żółty pasek ostrzegawczy, który wygląda jakoś tak, stwierdzającą „«NetBeans Connector»jest debugowanie tę kartę”:

"NetBeans Connector" is debugging this tab

NIE otworzyć Chrome wbudowanego w pasku inspektor internetowej teraz (lub otrzymasz ostrzeżenie, że to łamie regularny proces debugowania w NetBeans).

Teraz możesz debugować kod JavaScript w NetBeans, kod będzie działał w Chrome. Powinieneś otworzyć panel Zmienne panelu Window →, aby sprawdzić zmienne.

lub myszy nad niektórych elementów:

NetBeans JS code debugging; variable


chodzi debugowania kodu PHP, oto kilka istotnych artykułów oficjalne:

Powiązane problemy