That’s right we need to listen to debug connections coming from Chrome with the help of Xdebug Helper. Once you hover over it a tooltip will pop out saying “Start Listening for PHP Debug Connection”. :D Go to your PhpStorm IDE, in the top right corner of the IDE you can see an icon that is kinda like a telephone with no signal :D Look closely in the bellow image. That means you are ready to debug using Xdebug Helper. Once you did that you can see that the gray bug turn green. You need to click on the Debug menu option. If you have installed the Xdebug Helper extension successfully you can now see a little gray bugs icon in the address bar near the top right corner.Ĭlick on this bug icon. My project is named TestProject and you can see the URL in the bellow image. Now open up a browser tab and navigate to the project you create in the local server. Simultaneous connections value to 20 and leave the default settings the same (as the image) and click ok. On the settings window, in the Project Settings section navigate to PHP > Debug section where you have debug options for PHP, there as the bellow image shows change the Max. Then navigate to File > Settings to get to the settings window. :D Open up PhpStorm and create a new PHP project. In this page, in the IDE Key section select the PhpStorm option from the dropdown list and close the tab. It will take you to a new page with options to configure the Xdebug helper for chrome. There you can see the Xdebug helper extension installed and it should be enabled.Ĭlick on the options link as shown in the image bellow. Then you need to go to chrome settings and go to Extensions tab. I’ve already added the extension to chrome so mine is green :D There on the top right corner you can see add to chrome button (blue color). Click on it you will be taken to the page. To do that, google “Xdebug Helper” and you will see a link to chrome store with the name Xdebug Helper, which is a chrome extension. Then you need to install XDebug Helper google extension in your chrome browser. Once you open the php.ini file navigate to the bottom of the file where usually the XDebug settings are located (or you can search for XDebug and get there.) and there make sure that the XDebug Extension is installed (As you can see in the image bellow, the path to the “zend_extension” leads to where the Xdebug extension is installed.) and xdebug.remote_enable and xdebug.profiler_enable settings are as seen in the image bellow. I’m using WAMP so you can get to the php.ini file using the WAMP icon on the system tray. With these simple steps you can easily start debugging PHP code without headache.įirst open up the php.ini file and make sure you have enabled remote debugging and profiling for Xdebug. Boys and girls, today we are gonna configure PhpStorm which is one heck of an IDE for PHP development, to debug PHP code with Xdebug and Chrome.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |