2

我有一个 Umbraco 5 MVC3 项目，在那里我发现那里到处都是空白。在调查时，我发现在 Firefox Web 开发人员工具中“查看生成的源代码”时，我的 HTML 看起来非常糟糕。例如，它删除了我的 doctype 声明并将我的元标记和内容移出脑海。简化代码：

<!doctype html>
<html class="no-js" lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width">
    <title>@ViewBag.Title</title>
    <link rel="stylesheet" href="@Url.Content("~/Content/Styles/style.css")"/>
</head>
<body id="" class="default">
    <div id="wrapper">
        <header id="banner" class="body">
            <a class="ir logo" href="/"><h1>Christian </h1></a>
            <ul class="share">
                <li id="facebook"><a class="ir" href="http://www.facebook.com/sharer.php?u=@Request.Url.AbsoluteUri">Facebook</a></li>
                <li id="twitter"><a class="ir" href="http://twitter.com/share?text=Christian">Twitter</a></li>
            </ul>
            @Html.Partial("nav")
        </header>
        <section id="content" class="body">
            @RenderBody()
        </section>
    </div>
    <script src="@Url.Content("~/Scripts/plugins.js")"></script>
    <script src="@Url.Content("~/Scripts/script.js")"></script>
</body>
</html>

输出是这样开始的

<html class="no-js" lang="en"><head></head><body id="" class="default">
4

2 回答 2

2

如果要检查服务器生成的 HTML，应使用View source( CTRL+ U)。

Generated source更像是基于 DOM 的 HTML 重构，并且包括例如在页面加载后在客户端使用 javascript 创建的节点。

于 2012-04-04T18:01:18.380 回答
0

好吧，我解决了。花了我一段时间。在 Marapet 建议不要使用“生成的源”之后，我在一堆浏览器中尝试了普通的“查看源”，并在所有浏览器中得到了不同的结果。当我试图验证我的来源时，我收到了一些奇怪的抱怨：

在没有首先看到文档类型的情况下找到非空格字符。预期<!DOCTYPE html>。

元素头缺少子元素标题的必需实例。

还有我个人的最爱

上次错误后无法恢复。任何进一步的错误都将被忽略。

看起来文档类型有问题。打开记事本并粘贴到那里以从元数据中“清洗”代码，就像我有时将内容粘贴到 tinyMCE 时所做的那样。即使在记事本中，文本的格式也很奇怪。doctype 声明的字体大小比 html 的其余部分小。

所以我也用记事本++打开了它，声明前面有一堆问号。我删除了它们并将其复制回 Visual Studio，保存，现在一切正常。

我认为我遇到这个问题的原因是我直接从 github 上的 HTML5 Boilerplate 复制了片段。

// 夏洛克

于 2012-04-05T09:34:56.773 回答