condense & retitle

mikehoffms · mikehoffms · commit 62c18e89f76e · 2025-03-06T16:29:25.000-08:00
diff --git a/microsoft-edge/dev-videos/index.md b/microsoft-edge/dev-videos/index.md
@@ -79,7 +79,7 @@ August 17, 2023
 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.
 
 See also:
-* [View a JSON file as-is or formatted](../web-platform/json-viewer.md)
+* [View a JSON file, with formatting](../web-platform/json-viewer.md)
 
 
 <!-- ====================================================================== -->
@@ -121,7 +121,7 @@ Covers:
 See also:
 * [What's New in DevTools (Microsoft Edge 112)](../devtools-guide-chromium/whats-new/2023/04/devtools-112.md)<!-- has Video section -->
 * [Analyze CSS selector performance during Recalculate Style events](../devtools-guide-chromium/evaluate-performance/selector-stats.md) - CSS selector stats.
-* [View a JSON file as-is or formatted](../web-platform/json-viewer.md)
+* [View a JSON file, with formatting](../web-platform/json-viewer.md)
 
 
 <!-- ====================================================================== -->
diff --git a/microsoft-edge/developer/index.yml b/microsoft-edge/developer/index.yml
@@ -251,7 +251,7 @@ landingContent:
           - text: Display regional versions of your site, based on OS settings
             url: ../web-platform/os-regional-settings.md
 
-          - text: View a JSON file as-is or formatted
+          - text: View a JSON file, with formatting
             url: ../web-platform/json-viewer.md
 
           - text: Sign up for the Ad Selection API  # todo: moved to "Experimental web platform features" toc bucket, delete?
diff --git a/microsoft-edge/devtools-guide-chromium/network-console/network-console-tool.md b/microsoft-edge/devtools-guide-chromium/network-console/network-console-tool.md
@@ -111,5 +111,5 @@ See also:
 <!-- ====================================================================== -->
 ## See also
 
-* [View a JSON file as-is or formatted](../../web-platform/json-viewer.md)
+* [View a JSON file, with formatting](../../web-platform/json-viewer.md)
 <!-- * [edge-devtools-network-console repo](https://github.com/microsoft/edge-devtools-network-console) -->
diff --git a/microsoft-edge/devtools-guide-chromium/network/index.md b/microsoft-edge/devtools-guide-chromium/network/index.md
@@ -207,7 +207,7 @@ Select a resource to learn more information about it.
 
    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.
 
-   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).
+   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).
 
 1. Select the **Timing** panel.  A breakdown of the network activity for the resource is displayed:
 
diff --git a/microsoft-edge/devtools-guide-chromium/sample-code/sample-code.md b/microsoft-edge/devtools-guide-chromium/sample-code/sample-code.md
@@ -56,7 +56,7 @@ last sync'd April 16, 2024
 | 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/) |
 | 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/) |
 | 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 |
-| 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/) |
+| 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/) |
 | 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/) |
 | 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/) |
 | 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) |
diff --git a/microsoft-edge/devtools-guide-chromium/whats-new/2023/04/devtools-112.md b/microsoft-edge/devtools-guide-chromium/whats-new/2023/04/devtools-112.md
@@ -102,7 +102,7 @@ With code folding turned on, you can now expand and collapse objects and arrays
 Please send us your [feedback](../../../contact.md)!
 
 See also:
-* [View a JSON file as-is or formatted](../../../../web-platform/json-viewer.md)
+* [View a JSON file, with formatting](../../../../web-platform/json-viewer.md)
 
 
 <!-- ====================================================================== -->
diff --git a/microsoft-edge/index.yml b/microsoft-edge/index.yml
@@ -415,7 +415,7 @@ conceptualContent:
               url: ./web-platform/os-regional-settings.md
               itemType: how-to-guide
 
-            - text: View a JSON file as-is or formatted
+            - text: View a JSON file, with formatting
               url: ./web-platform/json-viewer.md
               itemType: how-to-guide
 
diff --git a/microsoft-edge/toc.yml b/microsoft-edge/toc.yml
@@ -1762,7 +1762,7 @@
           href: ./web-platform/os-regional-settings.md
           displayName: globalization, language, region, limited, intl, date, time, format
 
-        - name: View a JSON file as-is or formatted
+        - name: View a JSON file, with formatting
           href: ./web-platform/json-viewer.md
           displayName: JSON viewer, view JSON
 # /Edge-specific web development tips
diff --git a/microsoft-edge/web-platform/json-viewer-images/non-minified-json-file-as-is.png b/microsoft-edge/web-platform/json-viewer-images/non-minified-json-file-as-is.png
diff --git a/microsoft-edge/web-platform/json-viewer-images/non-minified-json-file-non-pretty-printed.png b/microsoft-edge/web-platform/json-viewer-images/non-minified-json-file-non-pretty-printed.png
diff --git a/microsoft-edge/web-platform/json-viewer.md b/microsoft-edge/web-platform/json-viewer.md
@@ -1,80 +1,35 @@
 ---
-title: View a JSON file as-is or formatted
-description: View a formatted or minified JSON file as-is or formatted, in Microsoft Edge.
+title: View a JSON file, with formatting
+description: How to view a minified JSON file or JSON response with formatting for readability, or a formatted JSON file, in Microsoft Edge.
 author: MSEdgeTeam
 ms.author: msedgedevrel
 ms.topic: conceptual
 ms.service: microsoft-edge
 ms.subservice: devtools
 ms.date: 03/05/2025
 ---
-# View a JSON file as-is or formatted
+# View a JSON file, with formatting
 
-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.
+To display a minified JSON file in a more readable format, select the **Pretty-print** checkbox.
 
+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.
 
-A `.json` file that contains whitespace and nesting ([128KB.json](https://microsoftedge.github.io/Demos/json-dummy-data/128KB.json)), displayed as-is:
 
-![A .json file that's non-minified, initially opened in Edge](./json-viewer-images/non-minified-json-file-as-is.png)
+To format a minified JSON file or server response:
 
+1. Open a `.json` file that's minified, such as ([128KB-min.json](https://microsoftedge.github.io/Demos/json-dummy-data/128KB-min.json)), or go to a URL that returns a minified JSON response:
 
-A `.json` file that's minified ([128KB-min.json](https://microsoftedge.github.io/Demos/json-dummy-data/128KB-min.json)), displayed as-is:
+   ![A .json file that's minified, initially opened in Edge](./json-viewer-images/minified-json-file-as-is.png)
 
-![A .json file that's minified, initially opened in Edge](./json-viewer-images/minified-json-file-as-is.png)
+   To open a local JSON file, press **Ctrl+O** on Windows and Linux, or **Command+O** on macOS, and then select a JSON file.
 
+1. Select the **Pretty-print** checkbox:
 
-<!-- ====================================================================== -->
-## The Pretty-print checkbox
-
-Select or clear the **Pretty-print** checkbox to change between viewing the `.json` file using a nested, easy-to-read display or a concatenated, dense display.
-
-
-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:
-
-![A .json file that's non-minified, viewed as minified](./json-viewer-images/non-minified-json-file-non-pretty-printed.png)
-
-
-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:
-
-![A .json file that's minified, viewed with Pretty-print selected](./json-viewer-images/minified-json-file-pretty-printed.png)
-
-
-<!-- ------------------------------ -->
-<!-- #### Video: The JSON viewer -->
-
-<!-- [![Thumbnail image for video "The JSON viewer"](./json-viewer-images/json-viewer.png)](https://www.youtube.com/watch?v=DO7V6lw1SWA) -->
-
-
-<!-- ====================================================================== -->
-## Supported scenarios
-
-The **JSON viewer** is not supported in windows that are opened by using the `window.open` JavaScript method. In windows opened with `window.open`, JSON data is displayed as a single line of text, without formatting or syntax highlighting.
-
-
-<!-- ====================================================================== -->
-## View reformatted JSON server responses
-
-To view a JSON response from a web server as reformatted JSON:
-
-1. Open a new tab or window in Microsoft Edge.
-
-1. Type a URL that returns JSON data in the address bar. For example, use this sample JSON response: [https://microsoftedge.github.io/Demos/json-dummy-data/256KB-min.json](https://microsoftedge.github.io/Demos/json-dummy-data/256KB-min.json).
-
-   You can find more samples of JSON responses at [MicrosoftEdge / Demos > json-dummy-data](https://microsoftedge.github.io/Demos/json-dummy-data/).
-
-1. Microsoft Edge detects that the returned data is JSON and formats it automatically.
-
-
-<!-- ====================================================================== -->
-## View reformatted JSON files
-
-To view a JSON file stored on your device as reformatted JSON:
-
-1. Open a new tab or window in Microsoft Edge.
+   ![A .json file that's minified, viewed with Pretty-print selected](./json-viewer-images/minified-json-file-pretty-printed.png)
 
-1. Press **Ctrl+O** on Windows and Linux, or **Command+O** on macOS, and then select a JSON file.
+   The JSON file or response is displayed in a readable format, with indentation and line wrapping.
 
-1. Microsoft Edge detects that the file contains JSON data and formats it automatically.
+Clicking the **Pretty-print** checkbox doesn't change the JSON file itself; only how it is displayed.
 
 
 <!-- ====================================================================== -->
diff --git a/microsoft-edge/web-platform/web-platform.md b/microsoft-edge/web-platform/web-platform.md
@@ -96,13 +96,13 @@ See [Display regional versions of your site, based on OS settings](./os-regional
 
 
 <!-- ====================================================================== -->
-## View a JSON file as-is or formatted
+## View a JSON file, with formatting
 
 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.
 
 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.
 
-See [View a JSON file as-is or formatted](./json-viewer.md).
+See [View a JSON file, with formatting](./json-viewer.md).
 
 
 <!-- ====================================================================== -->
