在检查包含kendo-ui样式的页面中的元素时,Google Chrome Devtools会崩溃

时间:2016-02-07 16:16:28

标签: css google-chrome kendo-ui google-chrome-devtools

自从几周前我遇到了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 #bebec3Property 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 extension48.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}}它。

1 个答案:

答案 0 :(得分:5)

目前的Chrome稳定版(48)中已知issue。它被修复并合并到chrome 49。 请在Chrome 49稳定之前使用beta