intellij html 实时预览,解决intellij idea中使用live edit插件不能在chrome即时显示css变化的方法(html可以)...

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

详细请看

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

这是官方论坛讨论的结果

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

解决方法:

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

比如uc浏览器(32版)。

66dbea3e43ba48980362e3d49b8dabae.png

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

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

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

先安装好uc浏览器

打开后地址栏输入

弹出后点击红框所示按钮

5c16883e061579a4444854cd30c1d977.png

563c8441c7e68851535b86e63a57f445.png

安装后有“jb”图标

49214b30b7e9a0d6c10c92e6d7b4ebee.png

然后到了webStorm

确保live edit打开

5c82bd73c8aa5ff66934822bf3a4d2d5.png

配置run

b444191a894948d3b6148e5e1d54fd8c.png

6e31809c6ae9a194560f8af6bf114318.png

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

8dcb29143578a38a7136c6deaa6c66f6.png

选择启动的浏览器

be85eb80baf8cc4ba65e0cfd4a21f1b5.png

OK键

然后

RUN>Run

ddff3a56796c68d621b1033d19d60a9c.png

d09f51c27d1f0a08109ac173bb2e3bca.png

选择DEBUG

或者直接

355c358d3fe52097cc901f9e08c056ad.png

打开后

479e57f28db33d3e42a4b2537cac38b2.png

成功

9ce874694b500e0e3e0d74f8e8be13f9.png

试一下

81790ed2b618a4f7374828d706f70070.png

b1fc6e9e1fe06ed4cd8bee915dfc2acb.png

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

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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值