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

Google Chrome Devtools crashes when inspecting element in page containing kendo-ui styles

自从几周前我就遇到了 Chrome 开发者工具崩溃的问题。每当检查页面上的元素时,我都会收到 "Aw, Snap!" 错误页面,并且 devTools 面板上的消息显示 "DevTools was disconnected from the page"。阅读 This post 后,我设法隔离了导致错误的 css 文件。原来是kendo-uicss个文件/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 extensionProperty -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 在检查元素时不断崩溃。在检查作为 Kendo 控件(例如网格、选项卡条等)的子元素时,它似乎很崩溃,但是 not 对于独立元素,即使它们具有 k-... css 类.

这个问题可以在 kendo ui demos site itsef 重现。当右键单击网格中的一个按钮并尝试 Inspect 时。

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