[release/7.0] [Blazor][debugging] Support Debug on Chromium (#45341)

* Support Debug on Chromium

* Update src/Components/Web.JS/src/Platform/Mono/MonoDebugger.ts

Co-authored-by: Eilon Lipton <[email protected]>

Co-authored-by: Thays Grazia <[email protected]>
Co-authored-by: Eilon Lipton <[email protected]>

Author: 3 people

src/Components/Web.JS/src/Platform/Mono/MonoDebugger.ts

@@ -7,7 +7,7 @@ const navigatorUA = navigator as MonoNavigatorUserAgent;
 const brands = navigatorUA.userAgentData && navigatorUA.userAgentData.brands;
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 const currentBrowserIsChromeOrEdge = brands
-  ? brands.some(b => b.brand === 'Google Chrome' || b.brand === 'Microsoft Edge')
+  ? brands.some(b => b.brand === 'Google Chrome' || b.brand === 'Microsoft Edge' || b.brand === 'Chromium')
   : (window as any).chrome;
 const platform = navigatorUA.userAgentData?.platform ?? navigator.platform;
 
@@ -34,7 +34,7 @@ export function attachDebuggerHotkey(resourceLoader: WebAssemblyResourceLoader):
       if (!debugBuild && !hasReferencedPdbs) {
         console.error('Cannot start debugging, because the application was not compiled with debugging enabled.');
       } else if (!currentBrowserIsChromeOrEdge) {
-        console.error('Currently, only Microsoft Edge (80+), or Google Chrome, are supported for debugging.');
+        console.error('Currently, only Microsoft Edge (80+), Google Chrome, or Chromium, are supported for debugging.');
       } else {
         launchDebugger();
       }

src/Components/WebAssembly/Server/src/TargetPickerUi.cs

@@ -65,7 +65,7 @@ Ensure your browser is running with debugging enabled.
 </p>
 <h2>Resolution</h2>
 <p>
-    <h4>If you are using Google Chrome for your development, follow these instructions:</h4>
+    <h4>If you are using Google Chrome or Chromium for your development, follow these instructions:</h4>
     {GetLaunchChromeInstructions(targetApplicationUrl.ToString())}
 </p>
 <p>