Question

我不是自然界的设计师。我面临的问题很奇怪。

以下是MVC4的代码片段 -

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width">
<title>@ViewBag.Title</title>
<link href="~/Content/Images/favicon.ico" rel="shortcut icon" type="image/x-icon" />
@Styles.Render("~/Content/spr")
@Scripts.Render("~/bundles/modernizr")
</head>

<body>
<header>
    <div class="container-custom clearfix">
        <div class="col-lg-3 page-title">
            <h3>@Resources.Home.ProductName</h3>
        </div>
    </div>
</header>
<div class="container-custom clearfix">
    @RenderBody()
</div>
@Scripts.Render("~/bundles/prHome")
</body>
</html>

现在，当我从浏览器中看到源代码时，标题文本就在那里。 但是同样没有出现在浏览器标签中。相反，网站的网址为localhost / xx / abc显示。

在Firefox和Chrome中都进行了测试。我试过清理缓存和临时文件。但无论如何都没有帮助。

任何人都可以指导我可能的原因吗？

Answer 1

非常感谢@ReeCube分析不同的问题可能性。

问题的真正原因 -

我正在通过jQuery在页面加载的某个元素上调用一些函数。但是这个功能并不存在。所以错误就是以某种方式弄乱了标题部分。

解决方案 -

确保您的脚本不会抛出任何类型的错误。我是通过 Ctrl + Shift + I 从Chrome打开 开发者控制台 来实现的。

Answer 2

我在开发具有布局页面＆amp ;;的MVC应用程序时遇到了类似的问题。使用bootstrap。

它适用于IE10 +，但不适用于以前的版本。根据@ReeCube＆amp; amp; @VSSaini（通过开发人员工具查看）。

我发现的是，虽然我有标题＆amp; head 部分内的元标记，实际呈现的页面包含 正文中的这些标记 标记，导致问题。

要解决这个问题，我们可以将下面的javascript代码放在布局脚本中。

if (!document.title && typeof document.getElementsByTagName('title')[0] === 'object') {
    document.title = document.getElementsByTagName('title')[0].innerHTML;
}

就是这样。它将解决所有浏览器的问题

Answer 3

我刚用这段代码测试了它的工作人员：

 <link rel="shortcut icon" href="images/icon.png">

页面标题不会显示在浏览器选项卡中

3 个答案: