解決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 瀏覽器已經完美地解決的這個問題了，快去下載最新版的吧！！！！