Chrome＆＃34;卸货＆＃34;中间点击样式表

Question

我们遇到了一个奇怪的问题，我不知道如何解决这个问题，我认为可能与最近的Google Chrome更新相关，但我＆＃39 ;在我在bug跟踪器上打开一个问题之前，我喜欢一些理智的检查方法。

问题

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

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

中间点击

中间点击

故障排除

认为这是一些JavaScript功能，我观察了这些元素，以确保DOM没有任何变化（我们可能会在事故中向我们的包装元素添加一个类）。没有我可以看到的DOM更改，并且我没有看到应用于HTML元素的内联样式。

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

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

认为我们的Stylus编译器很疯狂，我仔细检查了样式表中是否存在任何无效的CSS并且无法找到任何CSS。我从所有样式表中删除了源图，认为它可能与此相关，但它也没有解决问题。

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

结束语

总而言之，我不确定在浏览器错误之外造成这种情况的原因。这是上周晚些时候出现的，与谷歌Chrome的上次升级同时发生，这暗示我可能与该更新有关。

据说我没有看到这个问题影响到其他网站，这也指出网站是问题，所以我不确定。

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

Answer 1

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

Chrome Bug：https://bugs.chromium.org/p/chromium/issues/detail?id=647151

应该很快修复。