2014-03-18 5 views
0

Я не дизайнер по рабочей природе. И проблема, с которой я сталкиваюсь, странна.Заголовок страницы не отображается на вкладке браузера

Вот фрагмент кода из 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> 

Теперь, когда я вижу исходный код браузера, текст заголовка есть. Но то же самое не отображается в браузере. Скорее появляется URL-адрес веб-сайта localhost/xx/abc.

Протестировано как в Firefox, так и в Chrome. Я попробовал очистить кэш и временные файлы. Но не полезно никоим образом.

Может ли кто-нибудь указать мне, что может быть причиной для этого?

+3

Вы указали переменную ViewBag.Title раньше?Если да, можете ли вы отправить исходный код веб-сайта на веб-сайт браузера? Если нет, определите это! : P – ReeCube

+0

@ReeCube Я определил ViewBag.Title. Я вставил весь отображаемый исходный код браузера в [Title not shows] (http://pastebin.com/NwqbdiYT) –

+0

Это действительно сумасшествие, потому что, когда я сохраняю исходный код в новом html-файле и открываю этот файл, заголовок появляется, как он должен ... Вы пытались сохранить сайт в своем локальном хранилище и открыть локальную копию? Если нет, попробуйте это и скажите мне, что он делает – ReeCube

ответ

0

Большое спасибо идет в @ReeCube для анализа различных возможностей для выпуска.

Истинная причина выпуска -

я звоню некоторые функции на некотором элементе при загрузке страницы с помощью JQuery. Но этой самой функции не было. И так что ошибка каким-то образом возилась с титульной частью.

Solution -

Убедитесь, что ваши сценарии не бросали какой-либо ошибки. Я сделал это, открыв Консоль разработчика от Chrome Ctrl + Shift + I.

-1

Я просто проверял, и работник с этим кодом:

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

Это не связано с заголовком, отображаемым в браузере –

+0

Я согласен с @Dean. –

0

Я столкнулся с аналогичной проблемой при разработке приложения MVC, в котором используется макет страницы &.

Он отлично работал для IE10 +, но не для предыдущих версий. Ошибок javascript не найдено, как было предложено @ReeCube & @VSSaini (проверено через инструмент разработчика).

Я обнаружил, что у меня был титулом & мета тегов внутри головы раздела, фактическая страница визуализации была содержащей эти тег внутри тела тега, который был вызывающей проблему.

Чтобы решить эту проблему, мы можем положить ниже фрагмент кода javascript в сценарии компоновки.

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

Всё. Это решит проблему для всех браузеров.

Смежные вопросы