问题源于一次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 浏览器已经完美地解决的这个问题了,快去下载最新版的吧!!!!
|