Настройка XDebug Open Server+PhpStorm
Настройка OpenServer
- Редактируем php.ini:
zend_extension = xdebug xdebug.default_enable = 0 xdebug.remote_enable = 1 xdebug.remote_autostart = 0 xdebug.remote_port = 9000 xdebug.remote_connect_back = 1 xdebug.profiler_enable = 0 xdebug.profiler_enable_trigger = 1 xdebug.profiler_output_dir = «%sprogdir%/userdata/temp/xdebug/» xdebug.profiler_output_name = «cachegrind.out.%H%R» xdebug.idekey = «» - Перезапускаем OpenServer.
Настройка PhpStorm
- Убеждаемся, что в Settings → Languages & Frameworks → PHP → Debug для Xdebug прописан порт 9000 и включена опция Can accept external connections:

2. С помощью меню Run → Web Server Debug Validation проверяем настройку отладчика:

Настройка браузера
Для старта отладки из браузера я использую Chrome расширение Xdebug helper, для других браузеров должно быть что-то похожее.
Процесс отладки

2. В нужном месте ставим брикпойнт:

3. В браузере открываем сайт и стартуем отладочную сессию:

4. Перезагружаем страницу.
5. При первом старте отладчика, PhpStorm предложит принять входящее соединение, жмём Accept:

И попадаем в отладочный режим:

P.S: Если вам нужно запускать отладку простых php-скриптов прямо из PhpStorm, то нужно в Settings → Languages & Frameworks → PHP добавить список используемых версий PHP и выбрать текущую версию интерпретатора (опция Interpreter).
Наглядное видео-пособие