Debugging AJAX applications (javascript/PHP)
I am trying to debug javascript code(in my html file) that reaches out to a php application(AJAX app) running on my "localhost". When right clicking in the HTML and selecting "Debug myApplication" ... the URL in the browser is: file:///myfilelocation.html and it works just for the html/javascript application(debugging the javascript).
The problem with it not using a "localhost:8888//myfilelocation.html" is that it loses the hooks(debugging) to the php application.
if I put in the browser url "locahost:8888//myfilelocation.html" there is no "listening" for javascript breaks set in the code, but the php breaks work as expected (I have set up debugging with xdebug).
Is there a way to have the best of both worlds and debug the javascript and php (a nice thing in the AJAX world)? Right now I can not carry on a AJAX debugging conversation with breakpoints in the html(javascript) and the php.
I have purchased PHPStorm(which I'm using for this app). Thanks for your help
请先登录再写评论。
Hello Chuck,
For the script running on the server you need to use 'JavaScript Remote Debug' run configuration:

Also see http://devnet.jetbrains.com/thread/295035
As for PHP just enable 'listening' mode and everything should work.
Thank you for feedback!
Thanks Nicolay, The javascript starts up properly as a remote app and debugs when Firefox is configured as the browser, but not when chrome is configured as the browser. They both work fine for php. Is there a javascript debug plugin for chrome to see the request for a remote url from phpstorm? Thanks
Hello Chuck,
See http://blog.jetbrains.com/webide/2011/04/debugging-javascript-in-google-chrome/
Thank you for feedback!