前言

Blazor是基于组件的开发，每个组件都是以一个.razor文件形式存在。

当应用程序变得越来越大并且.razor文件的数量和层次结构越来越多时，想很快弄清页面上的HTML元素是由哪个组件生成的，就变得不那么容易了！

FindRazorSourceFile介绍

FindRazorSourceFile可以让你的Blazor应用程序显示鼠标光标下对应的HTML元素的源.razor文件名。

它支持Blazor WebAssembly、Blazor Server、Blazor组件库。

Demo

FindRazorSourceFile使用也非常简单，以Blazor WebAssembly应用程序为例。

首先，引用NuGet包FindRazorSource.WebAssembly。

然后，在Main方法添加调用代码：

var builder = WebAssemblyHostBuilder.CreateDefault(args);builder.UseFindRazorSourceFile();

现在启动程序，运行效果并没有什么变化，直到你按下Ctrl + Shift + F热键，将打开“检查模式”：

如果你同时在VS 2019中安装了Find Razor Source File - Browser Link Extension扩展，在上述“检查模式”期间用鼠标单击HTML元素将直接打开对应的razor文件。

结论

FindRazorSourceFile使用有一定限制：

首先，浏览器中显示的HTML元素最多可以确定到文件，而不能到具体代码行

其次，并不是所有HTML元素都能用于定位。

具体原因，我们下回分解！

Hello Blazor:（13）查找HTML元素对应.razor文件相关推荐

hdu 2025:查找最大元素（水题，顺序查找）
查找最大元素 Time Limit: 2000/1000 MS (Java/Others) Memory Limit: 65536/32768 K (Java/Others) Total Sub ...
JavaScript 专题（九）数组中查找指定元素
JavaScript 专题(九)数组中查找指定元素上一篇文章中,我们了解了数组扁平化的思想,并学习了 lodash 是如何处理数组扁平化的. 这次我们来讨论在数组中查找元素时所用的一些方法,并且参考 ...
[PTA]实验8-1-5 在数组中查找指定元素
Spring-_-Bear 的 CSDN 博客导航本题要求实现一个在数组中查找指定元素的简单函数. 函数接口定义: int search( int list[], int n, int x ); 其 ...
HDU2025 查找最大元素
问题链接:HDU2025 查找最大元素.这是一个入门训练题,用C语言编写程序. 问题简述:参见上述链接. 问题分析:这个问题的关键是开始不知道字符串中的哪个字符最大,所以需要先看一遍字符串.知道最大字 ...
【Groovy】集合遍历 ( 使用集合的 find 方法查找集合元素 | 闭包中使用 == 作为查找匹配条件 | 闭包中使用 is 作为查找匹配条件 | 闭包使用 true 作为条件 | 代码示例 )
文章目录一.使用集合的 find 方法查找集合元素 1.闭包中使用 == 作为查找匹配条件 2.闭包中使用 is 作为查找匹配条件 3.闭包中使用 true 作为查找匹配条件二.完整代码示例一. ...
1.12 Java数组使用binarySearch()方法查找指定元素
查找数组是指从数组中查询指定位置的元素,或者查询某元素在指定数组中的位置.使用 Arrays 类的 binarySearch() 方法可以实现数组的查找,该方法可使用二分搜索法来搜索指定数组,以获得指 ...
【小米校招笔试】一个数组是由有序数组经过n次循环移动后所得，请你用最快速度查找某个元素位置
2016年小米校招笔试第二题(西安站) 2 现有一个数组是由有序数组经过n次循环移动后所得,请你用最快速度查找某个元素位置(如1234568,向右移动3次后为67812345). 参考解法(Java版 ...
Jsoup（二）-- Jsoup查找DOM元素
一.Jsoup查找DOM元素的方法 getElementById(String id) 根据id 来查询DOM getElementsByTag(String tagName) 根据tag 名称来查询 ...
每天一道LeetCode-----有序数组右移n位后查找某个元素
Search in Rotated Sorted Array 原题链接Search in Rotated Sorted Array 一个无重复项的递增序列右移了一定距离,在右移后的序列中查找是否有某个 ...

Hello Blazor:（13）查找HTML元素对应.razor文件

前言

FindRazorSourceFile介绍

Demo

结论

Hello Blazor:（13）查找HTML元素对应.razor文件相关推荐

最新文章

热门文章