通过设置Xdebug和PHPStorm进行调试

Question

i'm using PHPStorm and trying to run Xdebug according this video https://laracasts.com/series/how-to-be-awesome-in-phpstorm/episodes/20?autoplay=true .

First part works perfectly ( https://laracasts.com/series/how-to-be-awesome-in-phpstorm/episodes/19?autoplay=true ), but i'm stuck at second one.

Port 9000 was not working, so i changed it to 10000.

I configured PHP Web Application configuration

and after I press debug button, web is blank

and still loading and PHPStorm is waiting for incoming connection.

I have checked "can accept external connection" at PHP - Debug - Xdebug and xdebug in php.ini configured like this:

[XDebug]

zend_extension="/usr/local/Cellar/php56-xdebug/2.3.3/xdebug.so"

xdebug.remote_enable = 1
xdebug.cli_color = 1
xdebug.show_local_vars = 1

xdebug.remote_port = 10000
xdebug.remote_host= localhost
xdebug.remote_autostart = 1

xdebug.remote_log="/usr/local/tmp/xdebug.log"
xdebug.idekey = "PHPSTORM"
xdebug.ide_key = "PHPSTORM"
xdebug.profiler_enable = 1
xdebug.profiler_output_dir="/usr/local/tmp/xdebug-profiler"
xdebug.profiler_enable_trigger = 1

I tried to validate web server with this result:

I was googling and trying solve this for 6 hours, try to help me please, i`m kind of dummy in this.

Using OS X El Capitan.

I can debug single script, but not a whole website.

When i run this directly online-chef.dev:10000, it says ERR_CONNECTION_REFUSED.

"online-chef.dev" is at local virtual host.

What I am doing wrong?

Thank you so much!

Answer 1

You are tried to debug web page through xdebug. For debug javascript you need install browser extention . This is manual for javascript debugging .

For javascript debug get current extention port and enter in this place:

For XDebug i don't want always click debug button, so i simple enable listen connections. This is manual for XDebug from JetBrains.

Here is my xdebug config that working with listen connections.

xdebug.idekey = "PHPSTORM"
xdebug.remote_port = 9001
xdebug.remote_mode = "req"
xdebug.remote_host = 10.0.2.2
xdebug.remote_handler = "dbgp"
xdebug.remote_enable = 1
xdebug.remote_autostart = 1
xdebug.extended_info = 1

So, when i need debug javascript i click debug button. When i need debug php i just put breakpoint.

First set up debugging instruments often is hard, but it's pays off.