解决intellij idea中使用live edit插件不能在chrome即时显示css变化的方法（html可以）

问题源于一次chrome内核的更新

详细请看

http://src.chromium.org/viewvc/blink/trunk/Source/devtools/protocol.json?revision=166228

就是说chrome在14年一月的时候更新了一次内核，removes getAllStylesheets method from protocol这是原话，

这是官方论坛讨论的结果

http://youtrack.jetbrains.com/issue/WEB-11393#comment=27-722471

第一条评论就说明了问题所在。

解决方法：

就是不要使用14年一月更新的chromium内核以上的浏览器。最新版的chrome肯定不行。可以考虑其他使用了chromium内核但版本比较低的（<34）浏览器，包括chrome

比如uc浏览器（32版）。



总而言之就是要给浏览器内核版本降级。

PS：uc浏览器安装intellij ide support插件方法及WebStorm使用live edit 方法（其他chromium浏览器一样）

最新版的webStorm已经集成live edit插件。

先安装好uc浏览器

打开后地址栏输入

https://chrome.google.com/webstore/detail/jetbrains-ide-support/hmhgeddbohgjknpmjagkdomcpobmllji?spm=0.0.0.0.dzqbl4&hl=zh-CN

弹出后点击红框所示按钮





安装后有“jb”图标



然后到了webStorm

确保live edit打开



配置run





建立一个uc浏览器的选项（我的已经建好的）（选择+号）



选择启动的浏览器



OK键

然后

RUN>Run





选择DEBUG

或者直接



打开后



成功



试一下





颜色马上变了，这是外部的css文件。（没有视频，不过对比可以看出问题解决了）

最新的Chrome 37 浏览器已经完美地解决的这个问题了，快去下载最新版的吧！！！！