Chrome DevTools Network的Preview标签渲染HTML/CSS异常如何解决

问题表现 #

• 数月前已发现Chrome开发者工具存在渲染异常问题：虽可正常加载渲染内容，但HTML/CSS显示效果完全错乱，可用性极差。
• Firefox下的对应预览效果、Chrome历史版本的正常显示效果如下：
  
• 当前Chrome版本下的实际异常显示效果如下：
  

已排查情况 #

• Firefox的对应预览功能位于Response标签下，支持切换原始代码/渲染预览模式，但Chrome的Response标签仅展示原始HTML代码，未提供对应切换选项。
• 此前较少使用Network面板调试错误，近期重新启用该功能时，该问题已严重影响调试效率。
• 已检索Github Issue及全网相关资料，未找到同类问题的解决方案；遍历Chrome开发者工具设置项，也未找到相关调整入口，暂无法确认是否为操作不当导致。

当前使用环境 #

运行环境版本信息：

• Chrome版本：103.0.5060.66
• Symfony版本：4.4

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