如何让Safari Web Inspector的Preview显示渲染后的HTML？

目前Safari的Network面板中，请求的Preview面板没有直接设置可以切换为显示渲染后的HTML，它默认仅展示服务器返回的原始HTML代码。你可以通过以下替代方式查看渲染后的DOM内容：

• 切换到Elements面板：这里展示的是浏览器最终渲染完成后的DOM结构，包含页面加载过程中通过JavaScript动态修改、添加的元素，效果和Chrome中查看渲染后HTML一致。
• 关联特定请求查看渲染后内容：在Network面板选中目标请求后，点击右侧详情面板顶部的Elements标签（若未显示该标签，可在Web Inspector的设置中勾选「Show Elements Tab in Network Details」），直接跳转至该请求对应的渲染后DOM节点位置。

如果需要对比原始HTML与渲染后的差异，可在Elements面板右键点击目标节点，选择「Copy > Copy Outer HTML」获取渲染后的代码，再与Network面板中的原始响应内容对比。

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