Skip to content

Commit 3eabf5f

Browse files
committed
title
1 parent 63a6eb9 commit 3eabf5f

10 files changed

Lines changed: 20 additions & 16 deletions

File tree

microsoft-edge/dev-videos/index.md

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -79,7 +79,7 @@ August 17, 2023
7979
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.
8080

8181
See also:
82-
* [View formatted JSON files](../web-platform/json-viewer.md)
82+
* [View a JSON file as-is or formatted](../web-platform/json-viewer.md)
8383

8484

8585
<!-- ====================================================================== -->
@@ -121,7 +121,7 @@ Covers:
121121
See also:
122122
* [What's New in DevTools (Microsoft Edge 112)](../devtools-guide-chromium/whats-new/2023/04/devtools-112.md)<!-- has Video section -->
123123
* [Analyze CSS selector performance during Recalculate Style events](../devtools-guide-chromium/evaluate-performance/selector-stats.md) - CSS selector stats.
124-
* [View formatted JSON files](../web-platform/json-viewer.md)
124+
* [View a JSON file as-is or formatted](../web-platform/json-viewer.md)
125125

126126

127127
<!-- ====================================================================== -->

microsoft-edge/developer/index.yml

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -251,7 +251,7 @@ landingContent:
251251
- text: Display regional versions of your site, based on OS settings
252252
url: ../web-platform/os-regional-settings.md
253253

254-
- text: View formatted JSON files
254+
- text: View a JSON file as-is or formatted
255255
url: ../web-platform/json-viewer.md
256256

257257
- text: Sign up for the Ad Selection API # todo: moved to "Experimental web platform features" toc bucket, delete?

microsoft-edge/devtools-guide-chromium/network-console/network-console-tool.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -111,5 +111,5 @@ See also:
111111
<!-- ====================================================================== -->
112112
## See also
113113

114-
* [View formatted JSON files](../../web-platform/json-viewer.md)
114+
* [View a JSON file as-is or formatted](../../web-platform/json-viewer.md)
115115
<!-- * [edge-devtools-network-console repo](https://github.com/microsoft/edge-devtools-network-console) -->

microsoft-edge/devtools-guide-chromium/network/index.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -207,7 +207,7 @@ Select a resource to learn more information about it.
207207

208208
Tip: When a file is minified, select the **Format** (![Format](./index-images/format-icon.png)) button at the bottom of the **Response** panel to re-format the contents of the file for readability.
209209

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 formatted JSON files](../../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 as-is or formatted](../../web-platform/json-viewer.md).
211211

212212
1. Select the **Timing** panel. A breakdown of the network activity for the resource is displayed:
213213

microsoft-edge/devtools-guide-chromium/sample-code/sample-code.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -56,7 +56,7 @@ last sync'd April 16, 2024
5656
| 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/) |
5757
| 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/) |
5858
| 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 formatted JSON files](../../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 as-is or formatted](../../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/) |
6060
| 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/) |
6161
| 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/) |
6262
| 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) |

microsoft-edge/devtools-guide-chromium/whats-new/2023/04/devtools-112.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -102,7 +102,7 @@ With code folding turned on, you can now expand and collapse objects and arrays
102102
Please send us your [feedback](../../../contact.md)!
103103

104104
See also:
105-
* [View formatted JSON files](../../../../web-platform/json-viewer.md)
105+
* [View a JSON file as-is or formatted](../../../../web-platform/json-viewer.md)
106106

107107

108108
<!-- ====================================================================== -->

microsoft-edge/index.yml

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -415,7 +415,7 @@ conceptualContent:
415415
url: ./web-platform/os-regional-settings.md
416416
itemType: how-to-guide
417417

418-
- text: View formatted JSON files
418+
- text: View a JSON file as-is or formatted
419419
url: ./web-platform/json-viewer.md
420420
itemType: how-to-guide
421421

microsoft-edge/toc.yml

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1762,7 +1762,7 @@
17621762
href: ./web-platform/os-regional-settings.md
17631763
displayName: globalization, language, region, limited, intl, date, time, format
17641764

1765-
- name: View formatted JSON files
1765+
- name: View a JSON file as-is or formatted
17661766
href: ./web-platform/json-viewer.md
17671767
displayName: JSON viewer, view JSON
17681768
# /Edge-specific web development tips

microsoft-edge/web-platform/json-viewer.md

Lines changed: 9 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -1,14 +1,18 @@
11
---
2-
title: View formatted JSON files
3-
description:
2+
title: View a JSON file as-is or formatted
3+
description: View a formatted or minified JSON file as-is or formatted, in Microsoft Edge.
44
author: MSEdgeTeam
55
ms.author: msedgedevrel
66
ms.topic: conceptual
77
ms.service: microsoft-edge
88
ms.subservice: devtools
99
ms.date: 03/05/2025
1010
---
11-
# View formatted JSON files
11+
12+
<!--
13+
# View a JSON file as-is or formatted
14+
-->
15+
1216

1317
When you open a JSON file in Microsoft Edge, the file is initially displayed as-is (nested, or minified), and the **Pretty-print** checkbox is initially cleared.
1418

@@ -31,12 +35,12 @@ Select or clear the **Pretty-print** checkbox to change between viewing the `.js
3135

3236
A `.json` file that contains whitespace and nesting ([128KB.json](https://microsoftedge.github.io/Demos/json-dummy-data/128KB.json)), displayed with the **Pretty-print** checkbox selected and then cleared:
3337

34-
![A .json file that's non-minified, initially opened in Edge](./json-viewer-images/non-minified-json-file-non-pretty-printed.png)
38+
![A .json file that's non-minified, viewed as minified](./json-viewer-images/non-minified-json-file-non-pretty-printed.png)
3539

3640

3741
A `.json` file that's minified ([128KB-min.json](https://microsoftedge.github.io/Demos/json-dummy-data/128KB-min.json)), displayed with the **Pretty-print** checkbox selected:
3842

39-
![A .json file that's minified, initially opened in Edge](./json-viewer-images/minified-json-file-pretty-printed.png)
43+
![A .json file that's minified, viewed with Pretty-print selected](./json-viewer-images/minified-json-file-pretty-printed.png)
4044

4145

4246
<!-- ------------------------------ -->

microsoft-edge/web-platform/web-platform.md

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -96,13 +96,13 @@ See [Display regional versions of your site, based on OS settings](./os-regional
9696

9797

9898
<!-- ====================================================================== -->
99-
## View formatted JSON files
99+
## View a JSON file as-is or formatted
100100

101101
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.
102102

103103
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.
104104

105-
See [View formatted JSON files](./json-viewer.md).
105+
See [View a JSON file as-is or formatted](./json-viewer.md).
106106

107107

108108
<!-- ====================================================================== -->

0 commit comments

Comments
 (0)