PhpStorm LiveEdit HTML works but CSS doesn't

2020-03-04 08:11发布

问题:

I just set up LiveEdit in PhpStorm 7.0 and downloaded the Chrome Extension "JetBrains IDE Support" v1.25. I also set up a Javascript Debug run configuration. When I run this configuration and edit an HTML file in PhpStorm the page in my Chrome browser reloads as expected. However, if I edit my CSS file the changes are not reflected in my browser unless I reload the page.

Has anyone else had this issue? I've googled quite a bit but haven't come up with anything. I'm stumped because the HTML edits are working fine...

回答1:

It has been a while since this question was asked, but I stumbled over the same problem recently and couldn't find any help on that topic.

After some experimenting, I found that setting the the Live Edit options from Manual to Auto in (ms): solved the problem.

Settings -> Build, Execution, Deployment -> Debugger -> Live Edit -> toggle "Auto in (ms)" on

Hope it helps



回答2:

I have the same problem. It doesn't work when you have stylesheet in external file. It works when you got styles in tag inside the file that you are debugging. That's the bug propably.