首页 > 其他分享 >如何远程调试 MAUI blazor / Blazor Hybrid

如何远程调试 MAUI blazor / Blazor Hybrid

时间:2022-12-16 23:55:07浏览次数:62  
标签:浏览器 inspect Hybrid F12 MAUI Blazor blazor 调试

我们知道浏览器模式下 Blazor 可以使用 F12 打开开发工具,调试js查看页面元素,那当 Maui Blazor 提示烦人的 an unhandled error has occurred 该怎么进行调试呢?

1. VS 运行工程于 Debug 模式下,只要 BlazorWebview 控件处于焦点,直接按F12就可以打开开发工具了. 没有焦点就鼠标单击屏幕一下, 跟以往一样

(Mac快捷键)ctrl + shift + i / cmd + shift + i

2. 还有一种方法可以使用浏览器开发人员工具 (F12) "远程检查 (remotely inspect)" 功能, 首先,检查您是否在您的文件中添加了 **AddBlazorWebViewDeveloperTools **

Maui工程在 MauiProgram.cs 文件
Hybird工程一般是在 Startup.cs 文件

确认有这行代码

#if DEBUG
   builder.Services.AddBlazorWebViewDeveloperTools();
#endif

运行您的应用程序并在浏览器(在模拟器外部)中打开一个新选项卡并输入:

  • Chrome浏览器:chrome://inspect

  • Edge浏览器: edge://inspect

稍等片刻,您将看到如下所示的“检查”按钮:

你甚至可以从那里在你的应用程序中导航:

参考资料

https://stackoverflow.com/questions/71991692/maui-blazor-an-unhandled-error-has-occurred

标签:浏览器,inspect,Hybrid,F12,MAUI,Blazor,blazor,调试
From: https://www.cnblogs.com/densen2014/p/16988516.html

相关文章

  • Blazor和Vue对比学习(进阶.路由导航五):路由守卫
    路由守卫,可以认为是设置在导航源和目标之间的中间件。Vue在代码上,表现为命名约定的钩子(类似于生命周期钩子),而Blazor会更复杂一些。VueRouter的路由守卫功能非常完善,而Blaz......
  • Blazor组件自做十三: VideoPlayer 视频播放器
    Video.js是一个具有大量功能的流行的视频和音频JavaScript库,今天我们试试集成到Blazor.BlazorVideoPlayer视频播放器组件示例https://blazor.app1.es/videoPl......
  • HybridCLR热更新方案
    Hybrid指的是混合开发,CLR指的是公共语言运行库(CommonLanguageRuntime)->托管代码执行核心中的引擎。前身叫做huatuogit示例项目地址为https://github.com/focus-creat......
  • Web Win32/WTL Hybrid
    WebWin32/WTLHybrid (VC7)Downloadsourcefiles-36.8Kb(VC6)Downloadsourcefiles-47.8KbIntroductionNormally,whenweseeapplicatio......
  • 【炫丽】从0开始做一个WPF+Blazor对话小程序
    大家好,我是沙漠尽头的狼。.NET是免费,跨平台,开源,用于构建所有应用的开发人员平台。本文演示如何在​​WPF​​​中使用​​Blazor​​开发漂亮的UI,为客户端开发注入新活力。......
  • 学习ASP.NET Core Blazor编程系列十六——排序
    学习ASP.NETCoreBlazor编程系列文章之目录学习ASP.NETCoreBlazor编程系列一——综述学习ASP.NETCoreBlazor编程系列二——第一个Blazor应用程序(上)学习A......
  • Blazor和Vue对比学习(进阶.路由导航四):路由传参
    客户端路由传参,主要通过两种方式:(1)路径参数(route),如/student-detial/1,其中/student为路由,1为传递的参数;(2)查询参数(query),如/student-detail?id=1&name=zs&age=18&sex=男。......
  • Blazor和Vue对比学习(进阶.路由导航三):代码导航
    导航除了使用组件外(Blazor使用NavLink,Vue使用router-link或RouterLink),更多的时候,主要还是使用代码进行导航,更加灵活。Blazor提供了 NavigationManager对象,可以在代码层进......
  • Blazor和Vue对比学习(进阶.路由导航二):布局(母版/嵌套)
    单文件组件框架中,当更改请求地址时,并不会引发页面跳转,而是由框架捕获请求地址(在框架中我们称之为路由),然后根据路由与组件的映射关系,在页面的指定位置切换和显示组件。在哪......
  • MAUI新生5.2-样式外观:控件状态样式VisualState
    (当前版本V7.0.94,VisualState有bug)控件状态指控件当前处于什么使用状态,如禁用、聚焦、鼠标悬停等等,当控件进入到某种状态时,可以通过【附加属性】【VisualStateManager.Visu......