Blazor 断点调试

原创 已于 2023-01-11 18:33:13 修改
· 563 阅读 · 0 ·
版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#前端 #Blazor

于 2023-01-11 18:02:52 首次发布
Blazor是一款前端开发框架，支持在谷歌和Edge浏览器中进行断点调试。要启用此功能，需通过Win+R打开浏览器路径，添加--remote-debugging-port参数并指定端口，如9222，连接到http://localhost:52902/。在Windows系统上，使用WindowsShift+Alt+D快捷键，Linux系统则用Shift+Cmd+D来启动调试模式。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

    • 在 VS 中断点调试

  • 1、设置启动热重载

  • 2、官方说明一定要使用 Google Chrome 或者 Edge 浏览器，不然断点失效

    • 在浏览器中断点调试

  • 调试方式

  • - 只支持在 谷歌 、Edge 的浏览器中调试

  • - Win + R 打开命名然后找到浏览器的路径，跑下面的命令

"xxx\xxx\chrome.exe(浏览器的路径)"   --remote-debugging-port=9222 http://localhost:52902/

  • 然后按 Windows Shift+Alt+D 或者 Linux 按 Shift+Cmd+D .

  • 设置断点

**Dragon**
关注
Blazor client-side Preview 预览版 如何调试 Debug
jishulaozhuanjia的博客
03-01 436
个人博客导航页（点击右侧链接即可打开个人博客）：互联网老兵带你入门技术栈 首先我们使用最简单的模板案例，里面有一个Counter计数器，你可以在创建模板中找到。 首先需要设置运行调试方式为IIS Express。这意味着，MAC可能不能使用调试。 然后开启运行而不调试（Ctrl+F5） 按Shift + Alt + D，会出现一个新的页面。 如果...
VSCode下配置Blazor环境 & 断点调试Blazor项目
码事漫谈
12-31 1402
Blazor是一种用于构建交互式Web UI的.NET框架，它可以让你使用C#、Razor和HTML进行Web开发，而不需要JavaScript。在这篇文章中，我们将介绍如何在VSCode中配置Blazor环境，并推荐一些有用的插件。
blazor 项目无法调试_blazor服务器项目2
weixin_26749889的博客
09-07 655
blazor 项目无法调试CRUD (Create, Read, Update, Delete) are features that must be present in an application that uses a database. In the previous article, we discussed how to perform CRUD operations for a si...
调试 ASP.NET Core Blazor WebAssembly
zouzh的专栏
10-13 1550
引用自：https://docs.microsoft.com/zh-cn/aspnet/core/blazor/debug?cid=kerryherger&tabs=visual-studio&view=aspnetcore-3.1 可以使用基于 Chromium 的浏览器 (Edge/Chrome) 中的浏览器开发工具调试 Blazor WebAssembly 应用。还可以使用以下集成开发环境 (IDE) 调试应用（注意：是要Edge/Chrome）： Visual Studio .
.net用HTML开发怎么调试,.NET开发人员的Blazor的入门指南
weixin_31544577的博客
06-05 414
Blazor为数百万.NET开发人员带来了WebAssembly的世界，允许他们编写在浏览器上运行的C＃。多年来，如果您想编写代码以在浏览器中运行，您的选择是JavaScript或JavaScript。对于某些浏览器上的几个短暂时期，您可以使用其他语言，但它们并不重要：IE上的VBScript和特殊版Chrome上的Dart。还有一些语言可以编译成JavaScript(TypeScript，Cof...
C# blazor 热加载 动态调试方法
Taneeyo的博客
03-20 1644
接下来就可以不用重启项目来调试了，减少了开发时间。 dotnet watch run debug
vscode断点调试视图
最新发布
01-21
在 Visual Studio Code (VSCode) 中配置 Blazor 或其他项目的断点调试，首先需要在目标代码处设置断点。这可以通过点击编辑器中行号左边的灰色区域完成，在指定位置会出现红色圆点表示已成功设定断点[^1]。 ```...
Blazor组件共享与边缘浏览器调试技巧
与传统的ASP.NET Core应用类似，可以使用Visual Studio或Visual Studio Code进行断点调试，监视程序的运行状态，并通过修改代码来实时观察结果。在Blazor WebAssembly模型中，虽然调试稍微复杂，但开发工具也在不断...
为什么Visual Studio 2022中的断点在升级到.NET 8.0后未命中
电脑管家
08-18 732
最近我把一个ASP.NET Core 项目升级到了 .NET 8.0，并尝试添加一个Blazor WASM（WebAssembly）项目。按照指示将Blazor WASM项目从一个捐赠项目复制到现有的ASP.NET Core项目中。项目结构如下：ASP.NET Core项目（MyApp）托管 Blazor WASM项目（MyApp.Client）。Client项目包含用于断点调试的页面。所有功能正常，除了在Visual Studio 2022中调试Client应用程序。
在Blazor中构建数据库应用程序-第4部分-UI控件
04-04
10. **调试和测试**：Blazor提供了一套完善的调试工具，包括断点、日志记录和性能分析。此外，单元测试和集成测试也是确保应用质量的重要手段。 在“Building-a-Database-Application-in-Blazor-Part-4-U.pdf”文...
blazor调试部署全过程
诸葛建站
11-13 1447
安装了最新的 dotnet SDK 最好直接下载安装版, 不要zip版, 安装版会自动注册一些信息, 省去后面的很多麻烦. 设置如下OS环境变量, 并重启计算机. (1) 将 dotnet.exe 路径加到OS的 PATH 环境变量中. (2) 设置 DOTNET_ROOT 环境变量, 取值为 C:\Program Files\dotnet (3) 设置 NUGET_PACKAGES 环境变量,...
MAUI+Blazor 如何开启浏览器调试工具
qq_44695769的博客
08-11 1062
MAUI+Blazor其实就是浏览器套壳，我觉得很有意义，因为现在性能已经不是主要的限制了，很多时候讲究的快速开发。而且MAUI+Blazor跨平台的未来感觉实在是太香了。但是就是没有工作，目前处于.NET 程序员自嗨状态。
如何远程调试 MAUI blazor / Blazor Hybrid
dotNET跨平台
12-22 741
我们知道浏览器模式下 Blazor 可以使用 F12 打开开发工具,调试js查看页面元素,那当 Maui Blazor 提示烦人的an unhandled error has occurred该怎么进行调试呢?1. VS 运行工程于 Debug 模式下,只要 BlazorWebview 控件处于焦点,直接按F12就可以打开开发工具了. 没有焦点就鼠标单击屏幕一下, 跟以往一样(Mac快捷键)c...
2.生成 Blazor 待办事项列表应用
qq_25547755的博客
12-21 477
2.添加 Razor 组件, Todo.razor，Pages文件夹右键有快捷方式。地址：https://localhost:(端口)/todo。Todo.razor 添加和使用newTodo属性。6.再次修改Pages文件夹 Todo.razor。3.编写 Todo.razor 组件代码。3.修改 NavMenu.razor 组件。5.添加 TodoItem.cs 类。1.添加 Todo.razor。2.添加 TodoItem.cs。7.完善 Todo.razor。修改 Todo.razor。
你可能不知道的10个Blazor功能
寒冰屋的专栏
10-28 6800
目录 介绍 .NET 5和C# 9 Markdown gRPC GraphQL EF Core和Azure Cosmos DB 渐进式网络应用程序 CSS隔离 虚拟化 服务器端预渲染 热重载 介绍 Blazor仍然是一项相对年轻的技术，但自2018年发布以来，它获得了令人难以置信的发展势头。Blazor最初是一个实验性项目，现在作为.NET 5的一部分发布，并被认为可以投入生产。 它对.NET开发人员的主要吸引力在于，他们可以使用自己喜欢的语言（如C#）编写单页应用程序，重用现有
Blazor学习之一：环境配置
L.C's Tecnology Factory
07-27 4932
最近发现微软出了一套很好玩的框架：Blazor，其最大的亮点是可以使用C#代码编写Web前端页面。（基于Razor，代码运行在WebAssembly上）由于之前经常使用Razor，所以很有兴趣，花了点时间研究了一下。 要开发Blazor项目，首先需要安装VS2017（社区版也可）。 安装完成后在工具-扩展和更新-联机中搜索blazor，安装搜索到的“ASP.NET Core Blazor La...
使用VS创建Blazor Server项目HelloWorld
qq_16215957的博客
04-05 712
进入目录：Shared, 编辑文件: NavMenu.razor NavBar多级导航实现： <li class="nav-item px-3"> <NavLink class="nav-link" > <span class="oi oi-list-rich" aria-hidden="true"></span> Hel...
学习ASP.NET Core Blazor编程系列二——第一个Blazor应用程序（下）
Gefangenes的博客
06-04 282
第一次在Visual Studio 2022 中运行Web应用程序时，它将为HTTPS托管该应用程序设置开发证书，会弹出两个提示您信任证书的对话框，分别是“信任ASP.NET Core SSL证书”和“信任IIS Express 证书”。“热重载”，可以编辑应用程序的代码文件并将代码更改立即应用于正在运行的应用程序。”这一句话，保存文件之后，我们回到浏览器中，不停的按F5刷新浏览器，无法查看代码更改之后的结果。13.不需要重新启动应用程序，不需要刷新浏览器，就可以查看代码更改之后的结果。
软件工程-什么是热重载，如何使用热重载？
热门推荐
kewei chen
04-27 1万+
所谓“热重载”（Hot Reload），是一个可以允许开发者在应用程序运行时更改源代码，并立即看到效果的关键功能。 此前，微软曾选择将“热重载”限制在自家的 Visual Studio 2022 上，如此一来该功能就仅适用于 Windows，且成本很高。 从 Visual Studio 2022 开始，Visual Studio 中的热重载体验适用于托管 .NET 和本机 C++ 应用。 无论使用哪种类型的应用，热重载的目的都是尽可能节省编辑之间的应用重启次数，从而使你通过减少等待应用重新生成、重启、重新导
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值