Chrome 开发工具网络 -> 预览选项卡不再呈现 html/css，就像 Firefox 一样

Question

从很久以前（可能几个月）开始，我注意到 Chrome 开发工具不再正确呈现 html/css。 它确实渲染了一些东西，但看起来不太好，因此很难使用。 这是它在 Firefox 中的样子以及它在 Chrome 中的样子：

但目前在 chrome 中它看起来像这样：

我知道在 Firefox 中，该选项卡称为响应，但是如果我在 chrome 中使用 go，您只会得到原始的 HTML。 您可以在 Firefox 选项卡中切换的选项。

我没有很多错误，我不得不通过网络选项卡进行调试，但目前我回到它并开始变得烦人，所以我检查了一些 Github 问题和互联网上的其他页面，但我找不到任何类似的可能有帮助解决这个问题。 我也找不到任何设置。 难道我做错了什么？

我正在使用 Chrome：103.0.5060.66。 Symfony 版本：4.4。

Answer 1

发生这种情况是因为 Chrome 102 中引入的网络预览选项卡上的安全性得到了改进：

https://developer.chrome.com/blog/new-in-devtools-102/#network-preview

Answer 2

它将从版本 106 开始恢复。您已经可以在 beta 版本 106.0.5249.40 中拥有它