调试ASP.NET Core应用时HTML标签内奇怪字母数字字符是什么

这类字符是ASP.NET Core框架根据启用的功能自动注入的，不属于业务代码手动编写的内容，常见来源有以下4种：

• CSS隔离作用域标记：项目启用Razor视图/Blazor组件CSS隔离（即存在与.cshtml/.razor同名的配套.css文件）时，编译阶段框架会给当前视图/组件下的所有HTML元素自动添加b-前缀+随机字母数字的自定义属性，同时自动改写隔离CSS文件的选择器，绑定这个属性做选择器限定，确保样式仅作用于当前视图/组件，避免全局样式污染。该标记在生产环境同样会保留，属于正常功能逻辑。
• 开发环境调试辅助标记：当运行环境配置为Development时，Razor引擎、路由中间件、Blazor调试模块会给部分DOM元素附加随机ID属性，用来关联DOM和对应的后端组件、路由处理逻辑，方便开发阶段快速定位渲染报错、路由匹配问题。切换到Production环境发布后，这类调试标记会被自动清除。
• 跨站请求伪造防护令牌：如果长串字母数字出现在表单内自动生成的隐藏<input>元素的value属性中，就是框架自动生成的防伪校验令牌，用于校验表单提交请求的来源合法性，防御CSRF攻击，是框架内置的安全机制，提交表单时会随请求自动发送到后端完成校验。
• Blazor交互关联标记：Blazor应用中，框架会给需要绑定事件、同步状态的交互组件元素添加_bl前缀+随机字符的自定义属性，用来建立前端DOM和后端组件实例的映射关系，支撑UI交互、状态更新等核心功能。

快速判断方法：直接看字符所属的属性名即可区分类型，所有自动生成的标记都属于框架正常运行的必要内容，不需要手动删除或修改。

内容的提问来源于stack exchange，提问作者Frederisk