xdebug-devtools Chrome Extension

Visualize xdebug messages using chrome devtools..
This extension plucks xdebug errors from the DOM, and places them in a decorative panel, or the console, in the Chrome DevTools.

This extension will also parse the HTML output of the xdebug error table and do some nice things like link to documentation and allow you to copy file links to your clipboard.

The extension requires no additional tweaks to your php.ini, or changes to your existing projects (no extra compose packages). This extension relies on the DOM have the errors inside it.

There are options to have errors shown on the console or an isolated panel - or even both! You can also restyle the errors to make them slightly easier to read and a little more attractive.

How to install xdebug-devtools chrome extension in chrome Browser

You can Follow the below Step By Step procedure to install the xdebug-devtools Chrome Extension to your Chrome Web browser.

• Step 1: Go to the Chrome webstore https://chrome.google.com/webstore or download the extension xdebug-devtools Chrome Extension Download from https://pluginsaddonsextensions.com
• Step 2: Now search for the xdebug-devtools in Chrome Webstore Search and click on the search button.
• Step 3: click on the xdebug-devtools Chrome Extension Link
• Step 4: in the next page click on the Add to Chrome button to Download and Install the xdebug-devtools extension for your Chrome Web browser .