From 92648f526535f82ccc73afd6152a25c3fd173507 Mon Sep 17 00:00:00 2001 From: Luke Latham <1622880+guardrex@users.noreply.github.com> Date: Thu, 31 Mar 2022 16:29:57 -0500 Subject: [PATCH] Rename Blazor Hybrid DevTools topic (#25484) --- .../{handle-errors.md => developer-tools.md} | 22 +++++++++--------- .../_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 | 4 ++-- 8 files changed, 13 insertions(+), 13 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..1f32815d0cf3 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 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/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..56f386f5ead1 100644 --- a/aspnetcore/toc.yml +++ b/aspnetcore/toc.yml @@ -351,8 +351,8 @@ items: uid: blazor/hybrid/tutorials/wpf - name: Routing and navigation uid: blazor/hybrid/routing - - name: Handle errors - uid: blazor/hybrid/handle-errors + - name: Browser developer tools + uid: blazor/hybrid/developer-tools - name: Project structure uid: blazor/project-structure - name: Fundamentals