From 25010829c72b9b262fc1d2f19161b1c49acd790a Mon Sep 17 00:00:00 2001 From: guardrex <1622880+guardrex@users.noreply.github.com> Date: Thu, 31 Mar 2022 16:16:44 -0500 Subject: [PATCH 1/3] Rename Blazor Hybrid DevTools topic --- .../{handle-errors.md => developer-tools.md} | 20 +++++++++--------- .../_static/android.png | Bin .../_static/edge1.png | Bin .../_static/edge2.png | Bin .../_static/ios.png | Bin .../_static/safari1.png | Bin .../_static/safari2.png | Bin aspnetcore/toc.yml | 2 +- 8 files changed, 11 insertions(+), 11 deletions(-) rename aspnetcore/blazor/hybrid/{handle-errors.md => developer-tools.md} (88%) rename aspnetcore/blazor/hybrid/{handle-errors => developer-tools}/_static/android.png (100%) rename aspnetcore/blazor/hybrid/{handle-errors => developer-tools}/_static/edge1.png (100%) rename aspnetcore/blazor/hybrid/{handle-errors => developer-tools}/_static/edge2.png (100%) rename aspnetcore/blazor/hybrid/{handle-errors => developer-tools}/_static/ios.png (100%) rename aspnetcore/blazor/hybrid/{handle-errors => developer-tools}/_static/safari1.png (100%) rename aspnetcore/blazor/hybrid/{handle-errors => developer-tools}/_static/safari2.png (100%) diff --git a/aspnetcore/blazor/hybrid/handle-errors.md b/aspnetcore/blazor/hybrid/developer-tools.md similarity index 88% rename from aspnetcore/blazor/hybrid/handle-errors.md rename to aspnetcore/blazor/hybrid/developer-tools.md index eaadc52d5127..7f72736ab45c 100644 --- a/aspnetcore/blazor/hybrid/handle-errors.md +++ b/aspnetcore/blazor/hybrid/developer-tools.md @@ -1,16 +1,16 @@ --- -title: Handle errors in ASP.NET Core Blazor Hybrid +title: Use browser developer tools with ASP.NET Core Blazor Hybrid author: guardrex -description: Learn how to develop ASP.NET Core Blazor Hybrid apps that detect and handle errors. +description: Learn how to use developer tools with ASP.NET Core Blazor Hybrid apps. monikerRange: '>= aspnetcore-6.0' ms.author: riande ms.custom: "mvc" ms.date: 03/24/2022 no-loc: ["Blazor Hybrid", Home, Privacy, Kestrel, appsettings.json, "ASP.NET Core Identity", cookie, Cookie, Blazor, "Blazor Server", "Blazor WebAssembly", "Identity", "Let's Encrypt", Razor, SignalR] -uid: blazor/hybrid/handle-errors +uid: blazor/hybrid/developer-tools zone_pivot_groups: blazor-hybrid-operating-systems --- -# Handle errors in ASP.NET Core Blazor Hybrid +# Use browser developer tools with ASP.NET Core Blazor Hybrid This article explains how to use [browser developer tools](https://developer.mozilla.org/docs/Glossary/Developer_Tools) with Blazor Hybrid apps. @@ -41,7 +41,7 @@ To use browser developer tools with a Windows app: 1. Use the keyboard shortcut Ctrl+Shift+I to open browser developer tools. 1. Developer tools provide a variety of features for working with apps, including which assets the page requested, how long assets took to load, and the content of loaded assets. The following example shows the **Console** tab to see the console messages, which includes any exception messages generated by the framework or developer code: - ![Microsoft Edge DevTools window for a Blazor Hybrid app running on Windows](~/blazor/hybrid/handle-errors/_static/edge2.png) + ![Microsoft Edge DevTools window for a Blazor Hybrid app running on Windows](~/blazor/hybrid/developer-tools/_static/edge2.png) :::zone-end @@ -54,11 +54,11 @@ To use browser developer tools with an Android app: 1. Navigate to `chrome://inspect/#devices` (Google Chrome) or `edge://inspect/#devices` (Microsoft Edge). 1. Select the **`inspect`** link button to open developer tools. The following example shows the **DevTools** page in Microsoft Edge: - ![Microsoft Edge Devices showing the BlazorWebView's "inspect" link button to open developer tools.](~/blazor/hybrid/handle-errors/_static/android.png) + ![Microsoft Edge Devices showing the BlazorWebView's "inspect" link button to open developer tools.](~/blazor/hybrid/developer-tools/_static/android.png) 1. Developer tools provide a variety of features for working with apps, including which assets the page requested, how long assets took to load, and the content of loaded assets. The following example shows the **Console** tab to see the console messages, which includes any exception messages generated by the framework or developer code: - ![Microsoft Edge DevTools window for a Blazor Hybrid app running on an emulated Pixel 5](~/blazor/hybrid/handle-errors/_static/edge1.png) + ![Microsoft Edge DevTools window for a Blazor Hybrid app running on an emulated Pixel 5](~/blazor/hybrid/developer-tools/_static/edge1.png) :::zone-end @@ -71,12 +71,12 @@ To use Safari developer tools with an iOS app: 1. Run the .NET MAUI Blazor app in the iOS simulator and navigate to an app page that uses a `BlazorWebView`. 1. Return to desktop Safari. Select **Develop** > **Simulator** > **0.0.0.0**. If multiple entries for **0.0.0.0** are present, select the entry that highlights the `BlazorWebView`. The `BlazorWebView` is highlighted in blue in the iOS simulator when the correct **0.0.0.0** entry is selected. - ![Safari Develop Simulator open showing two entries for "0.0.0.0" with the second entry selected because it highlights the BlazorWebView in the Visual Studio emulator UI.](~/blazor/hybrid/handle-errors/_static/ios.png) + ![Safari Develop Simulator open showing two entries for "0.0.0.0" with the second entry selected because it highlights the BlazorWebView in the Visual Studio emulator UI.](~/blazor/hybrid/developer-tools/_static/ios.png) 1. The **Web Inspector** window appears for the `BlazorWebView`. 1. Developer tools provide a variety of features for working with apps, including which assets the page requested, how long assets took to load, and the content of loaded assets. The following example shows the **Console** tab, which includes any exception messages generated by the framework or developer code: - ![Safari Web Inspector and Simulator windows for a Blazor Hybrid app running on an emulated iPad mini](~/blazor/hybrid/handle-errors/_static/safari1.png) + ![Safari Web Inspector and Simulator windows for a Blazor Hybrid app running on an emulated iPad mini](~/blazor/hybrid/developer-tools/_static/safari1.png) :::zone-end @@ -94,7 +94,7 @@ To use Safari developer tools with a macOS app: 1. The **Web Inspector** window appears for the `BlazorWebView`. 1. Developer tools provide a variety of features for working with apps, including which assets the page requested, how long assets took to load, and the content of loaded assets. The following example shows the **Console** tab, which includes any exception messages generated by the framework or developer code: - ![Safari Web Inspector for a Blazor Hybrid app](~/blazor/hybrid/handle-errors/_static/safari2.png) + ![Safari Web Inspector for a Blazor Hybrid app](~/blazor/hybrid/developer-tools/_static/safari2.png) --> diff --git a/aspnetcore/blazor/hybrid/handle-errors/_static/android.png b/aspnetcore/blazor/hybrid/developer-tools/_static/android.png similarity index 100% rename from aspnetcore/blazor/hybrid/handle-errors/_static/android.png rename to aspnetcore/blazor/hybrid/developer-tools/_static/android.png diff --git a/aspnetcore/blazor/hybrid/handle-errors/_static/edge1.png b/aspnetcore/blazor/hybrid/developer-tools/_static/edge1.png similarity index 100% rename from aspnetcore/blazor/hybrid/handle-errors/_static/edge1.png rename to aspnetcore/blazor/hybrid/developer-tools/_static/edge1.png diff --git a/aspnetcore/blazor/hybrid/handle-errors/_static/edge2.png b/aspnetcore/blazor/hybrid/developer-tools/_static/edge2.png similarity index 100% rename from aspnetcore/blazor/hybrid/handle-errors/_static/edge2.png rename to aspnetcore/blazor/hybrid/developer-tools/_static/edge2.png diff --git a/aspnetcore/blazor/hybrid/handle-errors/_static/ios.png b/aspnetcore/blazor/hybrid/developer-tools/_static/ios.png similarity index 100% rename from aspnetcore/blazor/hybrid/handle-errors/_static/ios.png rename to aspnetcore/blazor/hybrid/developer-tools/_static/ios.png diff --git a/aspnetcore/blazor/hybrid/handle-errors/_static/safari1.png b/aspnetcore/blazor/hybrid/developer-tools/_static/safari1.png similarity index 100% rename from aspnetcore/blazor/hybrid/handle-errors/_static/safari1.png rename to aspnetcore/blazor/hybrid/developer-tools/_static/safari1.png diff --git a/aspnetcore/blazor/hybrid/handle-errors/_static/safari2.png b/aspnetcore/blazor/hybrid/developer-tools/_static/safari2.png similarity index 100% rename from aspnetcore/blazor/hybrid/handle-errors/_static/safari2.png rename to aspnetcore/blazor/hybrid/developer-tools/_static/safari2.png diff --git a/aspnetcore/toc.yml b/aspnetcore/toc.yml index 389e4ba09bde..d0f8be50f08c 100644 --- a/aspnetcore/toc.yml +++ b/aspnetcore/toc.yml @@ -352,7 +352,7 @@ items: - name: Routing and navigation uid: blazor/hybrid/routing - name: Handle errors - uid: blazor/hybrid/handle-errors + uid: blazor/hybrid/developer-tools - name: Project structure uid: blazor/project-structure - name: Fundamentals From ef11a4b62ff9a7492df5ab9f7f4cf1f40ab314cb Mon Sep 17 00:00:00 2001 From: guardrex <1622880+guardrex@users.noreply.github.com> Date: Thu, 31 Mar 2022 16:20:08 -0500 Subject: [PATCH 2/3] Updates --- aspnetcore/blazor/hybrid/developer-tools.md | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/aspnetcore/blazor/hybrid/developer-tools.md b/aspnetcore/blazor/hybrid/developer-tools.md index 7f72736ab45c..1f32815d0cf3 100644 --- a/aspnetcore/blazor/hybrid/developer-tools.md +++ b/aspnetcore/blazor/hybrid/developer-tools.md @@ -1,11 +1,11 @@ --- title: Use browser developer tools with ASP.NET Core Blazor Hybrid author: guardrex -description: Learn how to use developer tools with ASP.NET Core Blazor Hybrid apps. +description: Learn how to use browser developer tools with ASP.NET Core Blazor Hybrid apps. monikerRange: '>= aspnetcore-6.0' ms.author: riande ms.custom: "mvc" -ms.date: 03/24/2022 +ms.date: 03/31/2022 no-loc: ["Blazor Hybrid", Home, Privacy, Kestrel, appsettings.json, "ASP.NET Core Identity", cookie, Cookie, Blazor, "Blazor Server", "Blazor WebAssembly", "Identity", "Let's Encrypt", Razor, SignalR] uid: blazor/hybrid/developer-tools zone_pivot_groups: blazor-hybrid-operating-systems From 8ff88e409236ac0564ebe725fa15e9a629ec7d23 Mon Sep 17 00:00:00 2001 From: Luke Latham <1622880+guardrex@users.noreply.github.com> Date: Thu, 31 Mar 2022 16:28:09 -0500 Subject: [PATCH 3/3] Updates --- aspnetcore/toc.yml | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/aspnetcore/toc.yml b/aspnetcore/toc.yml index d0f8be50f08c..56f386f5ead1 100644 --- a/aspnetcore/toc.yml +++ b/aspnetcore/toc.yml @@ -351,7 +351,7 @@ items: uid: blazor/hybrid/tutorials/wpf - name: Routing and navigation uid: blazor/hybrid/routing - - name: Handle errors + - name: Browser developer tools uid: blazor/hybrid/developer-tools - name: Project structure uid: blazor/project-structure