为什么这两个API在浏览器中的显示方式不同？

Question

我们的API和GitHub都返回JSON文本内容。

浏览器中的

GitHub's API显示为<pre>标记和等宽字体。

但是，our API以serif字体显示，没有任何包装。

当两个响应都是JSON时，为什么它以不同的字体显示？

Answer 1

尝试在打开Network标签的情况下刷新GitHub页面。您将在响应标题中看到：

Content-Type: application/json; charset=utf-8

（如果它是一个缓存的响应，那么你将看不到那个标题 - 尝试另一个GitHub链接，你会看到它）

GitHub正在为其响应设置此ContentType标头。 Chrome会识别出响应是JSON，因此它会使用<pre>标记对其进行格式化，以便于阅读。

您的API返回纯文本，因此Chrome无法将其识别为JSON。