Google Chrome跨设备/OS出现异常display/rendering问题求助

嘿，我之前帮朋友排查过几乎一模一样的Chrome渲染问题，给你整理几个靠谱的步骤，应该能搞定你的“洗白”状况：

• 关闭/重启硬件加速
  这是最常见的诱因。打开Chrome的设置页面，搜索“硬件加速”，找到“使用硬件加速模式（如果可用）”选项，先把它关掉，完全重启Chrome看看效果。如果没用，再重新打开这个选项试试——有时候硬件加速和特定显卡驱动不兼容，会导致界面渲染丢失阴影、灰度这类细节。

• 更新显卡驱动
  不管是Ubuntu还是Windows 10，过时的显卡驱动很容易搞出渲染bug。

  • Windows：右键开始菜单，打开「设备管理器」，找到「显示适配器」，右键你的显卡选择「更新驱动程序」，跟着提示完成更新后重启系统。
  • Ubuntu：打开「软件和更新」，切换到「附加驱动」标签，选择推荐的显卡驱动版本安装，安装完成后重启电脑。

• 重置Chrome到默认设置
  有时候Chrome的配置文件损坏会导致各种奇怪的渲染问题。打开Chrome设置，拉到最底部点击「高级」，找到「重置并清理」板块，选择「将设置恢复为原始默认设置」。放心，这个操作不会删除你的书签、密码和历史记录，只是重置启动页、主题这类设置。

• 测试Chrome金丝雀版
  如果上面的步骤都没用，可能是当前正式版Chrome存在未修复的bug。可以试试Chrome金丝雀版（Canary），它是最新的测试版本，很多渲染问题会在这个版本里先被修复。注意金丝雀版不稳定，只用来测试就行，别当日常主力浏览器用。

• 检查系统颜色配置文件
  偶尔系统的颜色配置被改成了高对比度或者异常设置，也会导致Chrome渲染异常。

  • Windows：打开「设置-系统-显示」，拉到最底部点击「高级显示设置」，然后选择「颜色校准」，跟着向导恢复到默认的颜色设置。
  • Ubuntu：打开「设置-颜色」，看看是不是选了非默认的颜色配置文件，切换回系统默认的试试。

另外你提到截图选框、Docs反馈弹窗出现时能看到正常的阴影和灰度，这是因为这些场景下Chrome临时切换了渲染上下文，绕过了出问题的渲染路径，也侧面说明这是渲染层面的问题，不是网页本身的问题。

内容的提问来源于stack exchange，提问作者galenballew