Phpstorm Live Edit not working with external css and js files

Question

Phpstorm Live Edit not working with external css and js files. But when i change html/css/js code in .html (.php) files it is work nice. Problem only with external files, like:

<link rel="stylesheet" type="text/css" href="css.css"/>
<script src="js.js"></script>

It was answered before by grAPPfruit: http://stackoverflow.com/a/28094448/3997577 — nakan, May 05 '15 at 13:55

score 10 · Answer 1 · answered Mar 02 '15 at 14:02

10

Please make sure that 'Update' in Settings/Build,Execution,Deployment/Debugger/Live Edit is set to 'Auto in (ms)' and 'Restart if hotswap fails' is enabled. Changes in HTML code are updated in the browser automatically regardless of the selected Update mode; but this is not the case for js and css - in Manual mode, you need to click the Update Application button on the debugger tool window or in the main Run menu, or press cmd+F10 to get page refreshed.

See http://blog.jetbrains.com/webstorm/2014/08/live-edit-updates-in-webstorm-9/

answered Mar 02 '15 at 14:02

lena

90,154
11
145
150

Thanks mate! It helped. This should be marked as a correct answer. – Ihor Herasymchuk Jan 18 '17 at 21:31
'auto in (ms)' is missing now – Feb 10 '18 at 19:07
currently the option is **On changes in (ms)** – lena Feb 12 '18 at 10:44
I turn on everything in Live Edit Option, but still dosen't work - PHPStorm 2019,3,2 – slk500 Apr 16 '20 at 08:36

Phpstorm Live Edit not working with external css and js files

1 Answers1