За основу данной статьи взята информация с сайта https://cutcode.dev/articles/nastroika-xdebug-3-windows-wsl-docker. Отдельно я установил расширение для Chrome https://chromewebstore.google.com/detail/xdebug-helper-by-jetbrain/aoelhdemabeimdhedkidlnbkfhnhgnhm и активировал на нужной странице

Итак, первое, что необходимо сделать - установить xdebug в php-контейнере Docker. Для этого добавляем строку "php8.2-xdebug \" в Dockerfile PHP. Должно получиться примерно так:

Далее редактируем php.ini в директории PHP. Добавляем блок с xdebug
[xdebug]
xdebug.client_host=host.docker.internal
xdebug.client_port=9003
xdebug.start_with_request=true
xdebug.idekey=PhpStorm
xdebug.mode=debug
В файле docker-compose.yml редактируем сервис php, добавляя строку "host.docker.internal:host-gateway" в extra_hosts
php:
build: ./php/${PHP_VERSION}
volumes:
- ${SITE_PATH}:/var/www/bitrix
- /var/www/bitrix24.rrc.loc:/var/www/
- ./logs/php:/var/log/php
- /etc/localtime:/etc/localtime/:ro
environment:
TZ: Europe/Moscow
networks:
- bitrixdock
restart: unless-stopped
extra_hosts:
- "bitrix.local:172.18.0.9"
- host.docker.internal:host-gateway
Пересобираем проект. Находясь в директории bitrixdock выполняем
docker-compose up --build -d
Добавляем Docker в PhpStorm

Добавляем интерпретатор php из нашего контейнера

Добавляем сервер

Теперь нужно создать наш дебагер и добавить в него настроенный сервер

Запускаем прослушивание

Ставим брейкпоинт

нажимаем на иконку зеленого жука сверху

перезагружаем страницу портала и наблюдаем результат

