.NET 6 Blazor Server：如何在服务器封装前查看Razor页面HTML输出？

我正在开发.NET 6 Blazor Server应用，浏览器输出和预期不符。我对Web开发（包括HTML）不太熟悉，想查看服务器打包发送给客户端之前的原始HTML内容，但搜了很久都没找到可行方法。

我需要这么做主要有两个实际用途，同时这也是实用的调试手段：

• 排查顶部行与其他行格式不一致的问题：目前发现顶部行的单元格之间有空格，但这段代码是复制粘贴来的，逻辑和其他行应该一致，想通过原始HTML找原因
• 确认HTML中id字段的实际呈现形式，方便后续通过这些ID访问页面元素

以下是我的Razor页面代码：

@inject AppState AppState
@inherits Picle3.Functions.StringFuncs
@implements IDisposable
@inject IJSRuntime JS;


<table class="gridHeader">
     <tr><td>Puzzle</td><td>Grid</td></tr>
 <tr><td>@AppState.CurrentPuzzle.Puzzle_ID</td><td>@AppState.CurrentPuzzle.Grid_ID</td></tr>

</table>
<table class="picleGrid">   
<tr>
        @for(int colCounter = 0; colCounter < AppState.CurrentPuzzle.Columns; colCounter++)
        {
            string sWord = AppState.CurrentPuzzle.TargetWord.WordText.Substring(colCounter, 1);
            <td ><input class="targetCell" type="text" value=@sWord /></td>
            
        }
    </tr>
</table>

<table class="picleGrid">
    @for(int iRowC = 0; iRowC < AppState.CurrentPuzzle.Rows; iRowC++)
    {
        int iRowChar = iRowC + 97;
        char rowChar = (char) iRowChar; 
        <tr>
            @for(int IColC = 0; IColC < AppState.CurrentPuzzle.Columns; IColC++)
            {
                int iColChar = IColC + 97;
                char colChar = (char)iColChar;

                string CellID = "cell" + rowChar.ToString() + colChar.ToString();

                <GridSquare name=@CellID id=@CellID SquareID=@CellID Row=@iRowC Col=@IColC BxBoxType=@AppState.CurrentPuzzle.Boxes[iRowC][IColC] STargetWord=@AppState.CurrentPuzzle.TargetWord.WordText  />
                functions.DebugOut(CellID);
                functions.DebugOut(CellID.Length.ToString());
            }

            <td style=@AppState.GuessFormats[@iRowC]>@AppState.Guesses[@iRowC]</td>
        </tr>

    }
</table> 

<p style=@AppState.SuccessStyle>SUCCESS!</p>

输出显示顶部行和后续行格式不同，单元格之间出现了空格，而这段代码是复制粘贴来的，我认为逻辑应该一致，希望通过查看服务器发送前的HTML找到问题所在。

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