自从几周前我遇到了Chrome开发者工具崩溃。每当检查页面上的元素时,我都会得到“Aw,Snap!”错误页面和devTools面板上的消息说“DevTools已与页面断开连接”。阅读This帖后,我设法隔离了导致错误的css文件。它原来是一个kendo-ui css文件Unknown pseudo-element or pseudo-class ::selection [selection]
。注释掉文件时,devTools工作正常,我可以检查元素。
我在CSS Validator中运行了此文件,它给了我6个错误(例如Too many values or values are not recognized : inset 0 0 0 1px inset 0 0 3px 1px #bebec3
和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
)和116个警告(例如Property -webkit-box-shadow is an unknown vendor extension
和48.0.2564.103 m
)
我有几个项目使用kendo-ui,删除它们不是一个选项,也不能修改kendo的css文件,我也不想停止使用心爱的Chrome devTools。
我的Chrome版本为kendo.silver.min.css
。
我试过调整devTools的设置,也许不那么严格但没有运气。
有任何想法如何解决这个问题?
更新1
我试了一下并修改了k-...
文件并删除了在css-validator中找到的所有错误(仍然有115个警告,但删除它们与完全不加载文件相同)。 css验证变好了。使用修改后的文件再次运行应用程序没有产生任何结果,并且在检查元素时,devtools会继续破坏。在检查一个Kendo控件的子元素(如网格,标签条等)时,它似乎很难,但是对于独立元素,不,即使它们具有Inspect
css类。
此问题可以在kendo ui demos site itsef重现。右键单击网格中的一个按钮并尝试{{1}}它。