Question

当我查看由razor标记生成的页面的HTML源代码时，它显示在一行上，这使得很难通过源代码来尝试和调试。有没有办法让剃须刀输出更清晰？

Razor Code：

@using (Html.BeginForm(null, null, FormMethod.Post, new { enctype = "multipart/form-data", @class = "Form" }))
{
    @Html.AntiForgeryToken()
    @Html.ValidationSummary(false)
    @Html.HiddenFor(m => m.ID)
    @Html.HiddenFor(m => m.LogoFileID)
    @Html.HiddenFor(m => m.BannerFileID)
}

正常输出代码：

<form action="/Admin/SectionData/EditSection" class="Form" enctype="multipart/form-data" method="post"><input name="__RequestVerificationToken" type="hidden" value="vtuiL8hTRJqtVcjPB-FJzL3e_4Tq3YnaH6kJVVBjzg5v4tlNt8_-Nb6H3tdRRv2SQXDsv4kJfZI-O2gmoAV_h4HcFaBArI4xSn4iFS0u0Cc1" /><div class="validation-summary-valid" data-valmsg-summary="true"><ul><li style="display:none"></li>

输出我想：

<form action="/Admin/SectionData/EditSection" class="Form" enctype="multipart/form-data" method="post">
    <input name="__RequestVerificationToken" type="hidden" value="vtuiL8hTRJqtVcjPB-FJzL3e_4Tq3YnaH6kJVVBjzg5v4tlNt8_-Nb6H3tdRRv2SQXDsv4kJfZI-O2gmoAV_h4HcFaBArI4xSn4iFS0u0Cc1" />
    <div class="validation-summary-valid" data-valmsg-summary="true">
        <ul>
            <li style="display:none"></li>
        </ul>
    </div>
    <input data-val="true" data-val-number="The field ID must be a number." data-val-required="The ID field is required." id="ID" name="ID" type="hidden" value="110" />
    <input data-val="true" data-val-number="The field LogoFileID must be a number." id="LogoFileID" name="LogoFileID" type="hidden" value="" />
    <input data-val="true" data-val-number="The field BannerFileID must be a number." id="BannerFileID" name="BannerFileID" type="hidden" value="" />

Answer 1

有没有办法让剃须刀输出更干净？

期望是另一回事。在大多数情况下，用户希望引擎输出缩小（没有空格，换行符等）html以节省网络带宽。

当您想要阅读生成的HTML并弄清楚其含义时，您可以使用在线HTML查看器，例如Online HTML Viewer

OR

您可以找到一个浏览器扩展程序，例如适用于Chrome Browser Extension

让ASP.Net生成更干净的HTML源代码？

1 个答案: