You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: microsoft-edge/dev-videos/index.md
+2-2Lines changed: 2 additions & 2 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -79,7 +79,7 @@ August 17, 2023
79
79
The JSON viewer automatically formats and highlights JSON responses and files in browser tabs. When your web server responds to HTTP requests with data encoded as JSON, this data isn't always easy to read and is sometimes returned as one line of text. The JSON viewer changes the returned data to make it easier to read. The JSON syntax is highlighted with different colors, object properties are displayed on their own lines and indented, and objects can be collapsed or expanded.
80
80
81
81
See also:
82
-
*[View a JSON file, with formatting](../web-platform/json-viewer.md)
82
+
*[View a JSON file or server response with formatting](../web-platform/json-viewer.md)
Copy file name to clipboardExpand all lines: microsoft-edge/devtools-guide-chromium/network/index.md
+1-1Lines changed: 1 addition & 1 deletion
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -207,7 +207,7 @@ Select a resource to learn more information about it.
207
207
208
208
Tip: When a file is minified, select the **Format** () button at the bottom of the **Response** panel to re-format the contents of the file for readability.
209
209
210
-
For example, if the response contains minified JSON data, click the **Format** button to re-format the JSON syntax so that each object property is on its own line. You can also use the **JSON viewer** to view formatted and highlighted JSON responses in a browser tab. See [View a JSON file, with formatting](../../web-platform/json-viewer.md).
210
+
For example, if the response contains minified JSON data, click the **Format** button to re-format the JSON syntax so that each object property is on its own line. You can also use the **JSON viewer** to view formatted and highlighted JSON responses in a browser tab. See [View a JSON file or server response with formatting](../../web-platform/json-viewer.md).
211
211
212
212
1. Select the **Timing** panel. A breakdown of the network activity for the resource is displayed:
Copy file name to clipboardExpand all lines: microsoft-edge/devtools-guide-chromium/sample-code/sample-code.md
+1-1Lines changed: 1 addition & 1 deletion
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -56,7 +56,7 @@ last sync'd April 16, 2024
56
56
| postMessage Trace Events | Tests `postMessage` trace events in the **Performance** tool. Used for [View messages between windows, iframes, and dedicated workers](../evaluate-performance/reference.md#view-messages-between-windows-iframes-and-dedicated-workers) in _Performance features reference_. |[/devtools-postmessage-perf-timeline/](https://github.com/MicrosoftEdge/Demos/tree/main/devtools-postmessage-perf-timeline)|[postMessage Trace Events demo](https://microsoftedge.github.io/Demos/devtools-postmessage-perf-timeline/)|
57
57
| CSS :target pseudo-class | Used for [Support forcing the :target CSS state](../whats-new/2021/01/devtools.md#support-forcing-the-target-css-state). |[/devtools-target-pseudo/](https://github.com/MicrosoftEdge/Demos/tree/main/devtools-target-pseudo)|[CSS :target pseudo-class demo](https://microsoftedge.github.io/Demos/devtools-target-pseudo/)|
58
58
| Heap Snapshot Visualizer | Source code for the [Heap Snapshot Visualizer](https://microsoftedge.microsoft.com/addons/detail/heap-snapshot-visualizer/fceldlhognbemkgfacnffkdanocidgce) extension for DevTools. |[/heap-snapshot-visualizer/](https://github.com/MicrosoftEdge/Demos/tree/main/heap-snapshot-visualizer)| n/a |
59
-
| JSON dummy data | Simple JSON files. Used for [View a JSON file, with formatting](../../web-platform/json-viewer.md). |[/json-dummy-data/](https://github.com/MicrosoftEdge/Demos/tree/main/json-dummy-data)|[JSON dummy data](https://microsoftedge.github.io/Demos/json-dummy-data/)|
59
+
| JSON dummy data | Simple JSON files. Used for [View a JSON file or server response with formatting](../../web-platform/json-viewer.md). |[/json-dummy-data/](https://github.com/MicrosoftEdge/Demos/tree/main/json-dummy-data)|[JSON dummy data](https://microsoftedge.github.io/Demos/json-dummy-data/)|
60
60
| Inspect Network Activity | Used for [Inspect network activity](../network/index.md). |[/network-tutorial/](https://github.com/MicrosoftEdge/Demos/tree/main/network-tutorial)|[Inspect Network Activity Demo](https://microsoftedge.github.io/Demos/network-tutorial/)|
61
61
| Photo gallery | Used for [The truth about CSS selector performance](https://blogs.windows.com/msedgedev/2023/01/17/the-truth-about-css-selector-performance/). |[/photo-gallery/](https://github.com/MicrosoftEdge/Demos/tree/main/photo-gallery)|[Photo Gallery](https://microsoftedge.github.io/Demos/photo-gallery/)|
62
62
| Slow Calendar | Simple calendar demo app to test various DevTools features such as the **Performance** tool and source map support. |[/slow-calendar/](https://github.com/MicrosoftEdge/Demos/tree/main/slow-calendar)|[Slow Calendar](https://microsoftedge.github.io/Demos/slow-calendar/public)|
Copy file name to clipboardExpand all lines: microsoft-edge/web-platform/json-viewer.md
+6-6Lines changed: 6 additions & 6 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -1,18 +1,18 @@
1
1
---
2
-
title: View a JSON file, with formatting
3
-
description: How to view a minified JSON file or JSON response with formatting for readability, or a formatted JSON file, in Microsoft Edge.
2
+
title: View a JSON file or server response with formatting
3
+
description: How to view a minified JSON file or JSON response with formatting for readability, in Microsoft Edge.
4
4
author: MSEdgeTeam
5
5
ms.author: msedgedevrel
6
6
ms.topic: conceptual
7
7
ms.service: microsoft-edge
8
8
ms.subservice: devtools
9
9
ms.date: 03/05/2025
10
10
---
11
-
# View a JSON file, with formatting
11
+
# View a JSON file or server response with formatting
12
12
13
-
To display a minified JSON file in a more readable format, select the **Pretty-print** checkbox.
13
+
To display a minified JSON file or a minified JSON server response in a more readable format, select the **Pretty-print** checkbox.
14
14
15
-
When you open a JSON HTTP response or a JSON file in Microsoft Edge, the content is initially displayed as-is. For example, if the JSON was minified, with its entire content on a single line with empty spaces removed, the JSON is initially displayed in a dense format, as wide lines, wrapped.
15
+
When you open a JSON file or view a JSON HTTP server response in Microsoft Edge, the content is initially displayed as-is. For example, if the JSON was minified, with its entire content on a single line with empty spaces removed, the JSON is initially displayed in a dense format, as wide lines, wrapped.
16
16
17
17
18
18
To format a minified JSON file or server response:
@@ -29,7 +29,7 @@ To format a minified JSON file or server response:
29
29
30
30
The JSON file or response is displayed in a readable format, with indentation and line wrapping.
31
31
32
-
Clicking the **Pretty-print** checkbox doesn't change the JSON file itself; only how it is displayed.
32
+
Selecting or clearing the **Pretty-print** checkbox doesn't change the JSON file itself; only how it is displayed.
## View a JSON file or server response with formatting
100
100
101
101
Microsoft Edge includes the **JSON viewer**, a tool that automatically reformats and highlights the JSON data shown in a browser to make it easier to read.
102
102
103
103
Formatting and highlighting JSON data is useful because sometimes a web server responds to HTTP requests by returning data encoded as JSON. JSON data can be difficult to read when it's formatted as a single long, concatenated line of text. The same can occur when opening a JSON file from disk. The **JSON viewer** reformats JSON server responses and local files, and indicates any lines that have syntax errors.
104
104
105
-
See [View a JSON file, with formatting](./json-viewer.md).
105
+
See [View a JSON file or server response with formatting](./json-viewer.md).
0 commit comments