Использование Javascript, если еще внутри MVC .cshtml страницы

Question

Есть ли способ использовать ifstament внутри MVC cshtml page

 <div class="primary-content">
            if(DetectIE())
            {
            <embed data-bind="attr: { src: data.files()[currentPage()] + '#toolbar=0&amp;navpanes=0&amp;scrollbar=0' }" type="application/pdf" style="width: 100%; height: 800px !important;">
            }
            else
            {
            <object data-bind="attr: { data: data.files()[currentPage()] + '#toolbar=0&amp;navpanes=0&amp;scrollbar=0' }" type="application/pdf" width="100%" height="600px"></object>
            }
        </div>

У меня есть код JavaScript, чтобы определить, является ли текущий браузер Internet Explorer или нет. Если это IE, то используется тег <embed>, в противном случае используется тег <object>.

Буду признателен за любые предложения или помощь.

Заранее спасибо

Answer 1

Поскольку DetectIE() - это функция JS, вы не можете использовать ее для сравнения с блоком Razor @if. Вы должны поместить его внутрь <script> с помощью jQuery.append(), чтобы добавить соответствующий тег в целевой элемент:

<script>
$(function() {
    // other stuff

    if (DetectIE())
    {
        $('#targetElement').append("<embed data-bind=\"attr: { src: data.files()[currentPage()] + '#toolbar=0&amp;navpanes=0&amp;scrollbar=0' }\" type=\"application/pdf\" style=\"width: 100%; height: 800px !important;\">");
    }
    else
    {
        $('#targetElement').append("<object data-bind=\"attr: { data: data.files()[currentPage()] + '#toolbar=0&amp;navpanes=0&amp;scrollbar=0' }\" type=\"application/pdf\" width=\"100%\" height=\"600px\"></object>");
    }
});
</script>

Пример целевого элемента:

<div id="targetElement" class="primary-content"></div>

Если вы хотите проверить любую версию IE со стороны контроллера, вы можете использовать это:

bool isIE = (Request.Browser.Browser == "IE" || Request.Browser.Browser == "InternetExplorer");

А затем передать значение ViewBag:

ViewBag.IsIE = isIE;

Пример использования JS

if (@ViewBag.IsIE)
{
   // render embed tag
}
else
{
   // render object tag
}

Answer 2

Вы не можете использовать функцию javascript внутри бритвы напрямую .. так что лучше использовать Запрос. Браузер, чтобы получить имя браузера

@{bool IsIE = false ;
if (Request.Browser.Type.ToUpper().Contains("IE"))
{ 
    IsIE = true;
}

}
@if (IsIE)
{
    // Your Razor here
}
else
{
    //  Your Razor here
}