css - Chrome "Unloading"中键单击样式表

Question

我们一直遇到一个奇怪的问题，我不确定如何解决，我认为这可能与最近的 Google Chrome 更新有关，但我想要一些方法在错误跟踪器上打开问题之前检查自己的健全性。

问题

我们有一个内部网络应用程序，我们的用户可以使用 Google Chrome 访问。从上周早些时候开始，我们注意到当用户点击链接时，我们的一个或多个样式表未应用于页面。

奇怪的是，放大/缩小或打开 Chrome 的 Devtools 会将这些样式表重新应用到页面。如果您打开 Devtools 中的源选项卡并观察加载的样式表，当布局正常工作时，我们会看到完整的样式表列表。当用户中间单击链接时，样式表区域会闪烁，并且 CSS 文件会从列表中丢失。放大/缩小会将丢失的 CSS 文件重新添加到该源列表并正确呈现页面。

中键点击前

中键点击后

疑难解答

我认为这是某个 JavaScript 函数执行此操作，我观察了这些元素以确保 DOM 没有任何变化(认为我们可能不小心向我们的包装元素添加了一个类)。我看不到任何 DOM 更改，也没有看到应用于 HTML 元素的内联样式。

发现上一步还不够，我删除了页面上的所有 JavaScript，试图缩小执行此操作的文件的范围。从页面中删除所有 JS 后，我们仍然看到同样的事情。有人在中间点击了一个链接，然后页面的样式变得疯狂。

我在隐身模式下仔细检查了它，认为它是我的扩展程序之一。它仍然发生在隐身模式下。

认为我们的 Stylus 编译器快要崩溃了，我仔细检查了样式表是否有任何无效的 CSS，但没有找到。我从我们所有的样式表中删除了源 map ，认为它可能与此有关，但它也没有解决问题。

我还检查了受影响的样式表是否设置了 disabled 属性，但这似乎并没有发生。

总结

总而言之，除了浏览器错误之外，我不确定是什么原因造成的。这是上周晚些时候突然出现的，恰逢谷歌浏览器的最后一次升级，这暗示我这个可能与那个更新有关。

话虽这么说，我还没有看到这个问题影响其他网站，这也表明该网站是问题所在，所以我不确定。

有没有其他方法可以将其缩小为 Chrome 问题？我在我测试过的任何其他浏览器上都没有发生过这种情况。 (正在努力为现在正在发生的问题整理一个 MVP。)

Answer 1

您的问题听起来与此类似。

Chrome 错误:https://bugs.chromium.org/p/chromium/issues/detail?id=647151

应尽快修复。