DataMates Studio

Prerequisite

You are working through Step Debugging PHP on Your Personal Computer.

✅ Installed Chrome web browser.

Install Xdebug Chrome Extension

1. Start Chrome web browser application.
2. Navigate to ‘Chrome’ menu -> ‘Settings’.
3. Navigate to ‘Extensions’ sidebar.
4. Navigate to ‘Chrome Web Store’ sidebar.
5. Search for ‘xdebug’ extensions in chrome web store.
6. Select ‘Xdebug Chrome Extension’ from the list.
   • Hint: It is developed by gxumyd (aka mydogger).
7. Click [Add to Chrome] button.
8. Click [Add Extension] button, in the popup window.
9. Navigate back to web browser ‘Extensions’ page.
10. Click [Details] button, for ‘Xdebug Chrome Extension’.
11. Ensure it is enabled and turned on.
12. Enable ‘Pin to Toolbar’ option.
13. Enable ‘Allow in Incognito’ option.
14. Click ‘Extension Options’ link.
15. Enter ‘PHPSTORM’ in ‘IDE Key’ option.
    • Hint: PHPSTORM is just a common string identifer used as a default value by a few debug applications.
    • Beginner Scenario: We are using PHPSTORM, in these instructions, to simplify the default integration with the Xdebug Chrome Extension; only while we get familuar with the whole PHP Step Debug end-to-end process.
    • Advanced Scenario: In the future, when you have many local websites on your personal computer, and have multiple JetBrains IntelliJ project open at the same time … then you would want to use a different and unique IDE Key ‘Session ID’ in each project. Then you only need to change the Xdebug Chrome Extension option to match the target IntelliJ project you are focused on; without having to close all the other IntelliJ projects.
16. Tick ‘Disable Popup’ option.
    • Beginner Scenario: The debug button in the web browser toolbar becomes an On/Off switch; because we are using a single IDE Key (PHPSTORM).
      • Hint: While we get familuar with the whole PHP Step Debug end-to-end process and are not doing Trace or Profile investigations.
    • Advanced Scenario: The LocalWP 9.x (Lightning) application has a default Xdebug configuration of xdebug.mode=debug,develop. The Xdebug capability for coverage, gcstats, profile and trace will never execute; not without a bit of tweaking under the hood in the php.ini.hbs file.
17. Done.