从几周前开始,我遇到了Chrome开发者工具崩溃的问题.每当检查页面上的元素时,我都会得到"Aw,Snap!" 错误页面和devTools面板上的消息说"DevTools已与页面断开连接".阅读本文后,我设法隔离了导致错误的css文件.它原来是一个kendo-ui css文件/Content/kendo/2015.2.902/kendo.silver.min.css.注释掉文件时,devTools工作正常,我可以检查元素.
我在CSS Validator中运行了这个文件,它给了我6个错误(比如Unknown pseudo-element or pseudo-class ::selection [selection]和Too many values or values are not recognized : inset 0 0 0 1px inset 0 0 3px 1px #bebec3)和116个警告(比如Property none,-webkit-gradient(linear,left top,left bottom,from(rgba(255, 255, 255, 0.45)),to(rgba(255, 255, 255, 0))) is an unknown vendor extension和Property -webkit-box-shadow is an unknown vendor extension)
我有几个项目使用kendo-ui,删除它们不是一个选项也不是修改kendo的css文件,我也不想停止使用心爱的Chrome devTools.
我的Chrome版本是48.0.2564.103 m.我试过调整devTools的设置,也许不那么严格但没有运气.
任何想法如何解决这个问题？
更新1
我试了一下并修改了kendo.silver.min.css文件并删除了在css-validator中发现的所有错误(仍然有115个警告,但删除它们与完全没有加载文件相同).css验证变好了.使用修改后的文件再次运行应用程序没有产生任何结果,并且在检查元素时,devtools会继续破坏.似乎检查时是剑道控制诸如网格,标签条带等的子的元素,但被破碎不用于独立的元件,即使它们具有k-...的CSS类.
这个问题可以在kendo …