Search code examples
phpstormmicrosoft-edgeliveedit

LiveEdit in Microsoft Edge (Chromium)


I want to use the LiveEdit plugin for debugging my website on PhpStorm. I have configured the plugin in the settings and even downloaded the JetBrains Chrome Extension and applied to Microsoft edge. I have also allowed the extension to read and write and make changes to all and every website. Yet, I don't see LiveEdit working.

I also have applied <all_urls> in extension settings - no progress. What should I do?

LiveEdit settings page.


Solution

  • This should work for Edge in principle (as new Edge is Chromium-based), fixing WEB-45326 should take care of this. For now, I'd suggest setting up Edge as a new custom browser in Settings | Tools | Web Browsers:

    • press + to add a new browser
    • use Chrome as a Family, specify a full path to browser executable as Path, enter a name

    Browser will be available with Chrome icon in run configuration dropdown

    enter image description here

    even downloaded the JetBrains Chrome Extension and applied to Microsoft edge

    Please remove it; Chrome extension doesn't work reliably in new Chrome versions (WEB-37230), and it seems that the most recent Chrome update has introduced breaking changes that made it non-functional. Since PhpStorm 2018.3 this extension is not required for debugging/Live Edit, it's not actively maintained, we plan to sunset it completely in the upcoming release