如何美化包含字符串化 JSON 的 JSON 响应

Question

我正在测试的服务器响应包含难以阅读的字符串化 json（请参阅屏幕截图中的“pay”字段）。有什么办法可以进一步美化响应吗？

按照目前的情况，我必须复制“pay”字段，取消转义，然后将其粘贴到 jsoneditoronline.org 中，以结构化格式查看“pay”字段中的有效负载。

我正在考虑的解决方法可能是使用邮递员可视化功能，但只是作为最后的手段。

Answer 1

感谢丹尼将我推向可视化工具。这就是我想出的：

解决方案的要素

• 使用 JSON.stringify 输出美化的 json （注意传递给 JSON.stringify 的参数）
• 使用 css white-space: pre-wrap 来尊重美化字符串中的空格
• 在车把模板中，只需显示字符串并应用 css

细节

把这个脚本放入Postman测试中

var template = `
    <style type="text/css">
        div {white-space: pre-wrap;}
    </style>
    <div>
        {{response}}
    </div>
`;

const payloadJson = JSON.parse(pm.response.json().pay);
const payload = JSON.stringify(payloadJson, null, 4)

pm.visualizer.set(template, {
    response: payload
});

结果