Chrome 开发工具网络 -> 预览选项卡不再渲染 html/css,就像 Firefox 那样

All*_*art 9 google-chrome symfony symfony4

很久以前(可能是几个月)我注意到 Chrome 开发工具不再正确渲染 html/css。它确实渲染了一些东西,但看起来不太好,因此很难使用。这是它在 Firefox 中的外观以及在 Chrome 中的外观:

在此输入图像描述

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

在此输入图像描述

我知道在 Firefox 中该选项卡称为“响应”,但如果我在 Chrome 中进入该选项卡,您只会获得原始 HTML。您可以在 Firefox 选项卡中切换的选项。

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

我使用 Chrome:103.0.5060.66。交响乐版本:4.4。

Kog*_*oga 7

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

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

  • 荒谬的。我猜 Chrome 开发人员不会花大部分时间来调试来自 PHP 框架的 POST 调用!这是 3.5 年前完成的,后来被回滚了,因为它让开发人员非常头疼。看来他们已经继续前进并将其再次放回原处,而没有做出任何努力来实施覆盖。赞赏它有一个安全角度,但最终如果“开发人员工具”不是在开发人员的心中构建的,那么真正的意义是什么?目前我能想到的就是锁定版本 101,并希望我们能在未来获得 localhost 的覆盖选项或其他功能。 (4认同)
  • 我明白了,似乎也没有可能的解决办法,因为他们现在称之为“预期行为”……Tnx 寻求答案!如果您看到修复/解决方案,我会很高兴知道。 (2认同)