Chrome更新后Laravel dd()调试在DevTools网络面板预览呈URL编码

在Laravel应用中使用dd()函数调试时，Chrome DevTools网络面板的预览标签显示URL编码后的内容（如%3Cscript%3E），而非预期的转义HTML格式（如<script>），且该问题在Chrome更新前不存在。

原因分析 #

这大概率是Chrome更新后对网络请求预览内容的解析逻辑调整导致的，而非Laravel框架的问题。dd()输出的是标准的HTML响应（包含转义的HTML实体），但Chrome的预览面板可能错误地将这些内容按URL编码格式渲染展示。

解决与验证方案 #

• 直接查看原始响应：切换到网络面板的「响应」标签，这里会显示未经过预览解析的原始内容，应该是正常可读的转义HTML格式。
• 检查响应头：确认dd()返回的响应头Content-Type为text/html; charset=UTF-8。如果该头异常，可能导致Chrome用错误的方式解析内容，可在「响应头」标签中查看。
• 临时调试替代：若预览面板的问题影响调试，可改用dump()函数（不终止脚本执行），或者直接在浏览器页面中查看dd()的输出结果。
• 验证浏览器Bug：在Firefox、Edge等其他浏览器中测试，若其他浏览器预览正常，则可确定是Chrome的Bug。此时可尝试降级Chrome版本，或等待官方修复，也可向Chrome官方反馈该问题。

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