我们一直有一个奇怪的问题,我不确定如何处理,我认为这可能与最近的谷歌Chrome更新有关,但我想在我打开一个问题之前对自己进行一些理智的检查. bug追踪器.

问题

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

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

中间点击之前

中间点击后

故障排除

认为这是一些JavaScript函数,我观察了元素,以确保DOM没有任何变化(认为我们可能在事故中向我们的包装元素添加一个类).没有我可以看到的DOM更改,我没有看到应用于HTML元素的内联样式.

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

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

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

我还检查了受影响的样式表是否设置了禁用属性,但似乎没有发生.

包起来

总而言之,我不确定是什么导致了浏览器错误.这是上周晚些时候出现的,与谷歌Chrome的上次升级同时发生,这暗示我可能与该更新有关.

话虽如此,我没有看到这个问题影响其他网站,这也指出网站是问题,所以我不确定.

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

最佳答案 你的问题听起来与此类似.

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

应该很快修好.