在 Umbraco 中，内联 javascript 在 Chrome 中变为小写

Question

使用 Umbraco 7.2，当我尝试编写 javascript 内联（在模板页面上）时，当我查看页面时它中断了，使用 chrome 开发工具我注意到它正在转换所有 javascript 变为小写，因此“.addClass”变为“.addclass”并且无法识别。
奇怪的是，这似乎只发生在 chrome 中，在 firefox 和 IE 中它显示正确。

我知道使用内联 javascript 不是 Umbraco 的最佳实践，但谁能告诉我为什么它会这样做？

@inherits Umbraco.Web.Mvc.UmbracoTemplatePage
@{
    Layout = null;
}
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>@ViewBag.Title - My ASP.NET Application</title>

    <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css" />
    <link rel="stylesheet" type="text/css" href="/css/style.css" />
    <script src="js/libs/modernizr-2.0.6.min.js"></script>
</head>
<body>
    <header>
        <nav class="nav-menu">
                <ul class="nav-menu-main">
                    <li><a href="/" class="nav-home glyphicon glyphicon-home"></a></li>
                    <li>
                        <a href="/">one</a><span></span>
                 <ul class="nav-menu-sub">
                @foreach (var item in CurrentPage.Site().adviserZone)
            {
                var linkUrl = (bool)item.isInternal ? Umbraco.NiceUrl(item.Value<int>("internal")) : item.link;
                var linkTarget = (bool)item.newWindow ? "_blank" : null;
                <li><a href="@linkUrl" target="@linkTarget">@item.caption</a></li>
            }  
                </ul>            
                    </li>

                    <li>
                        <a href="/">two</a><!--<span class="caret"></span>-->
                 <ul class="nav-menu-sub">
                @foreach (var item in CurrentPage.Site().knowledgeCentre)
            {
                var linkUrl = (bool)item.isInternal ? Umbraco.NiceUrl(item.Value<int>("internal")) : item.link;
                var linkTarget = (bool)item.newWindow ? "_blank" : null;
                <li><a href="@linkUrl" target="@linkTarget">@item.caption</a></li>
            }  
                </ul> 
                    </li>
                    <li>
                        <a href="/partners">three</a><span></span>
                 <ul class="nav-menu-sub">
                @foreach (var item in CurrentPage.Site().partners)
            {
                var linkUrl = (bool)item.isInternal ? Umbraco.NiceUrl(item.Value<int>("internal")) : item.link;
                var linkTarget = (bool)item.newWindow ? "_blank" : null;
                <li><a href="@linkUrl" target="@linkTarget">@item.caption</a></li>
            }  
                </ul> 
                    </li>
                                        <li>
                        <a href="/">four</a><span></span>
                 <ul class="nav-menu-sub">
                @foreach (var item in CurrentPage.Site().products)
            {
                var linkUrl = (bool)item.isInternal ? Umbraco.NiceUrl(item.Value<int>("internal")) : item.link;
                var linkTarget = (bool)item.newWindow ? "_blank" : null;
                <li><a href="@linkUrl" target="@linkTarget">@item.caption</a></li>
            }  
                </ul> 
                    </li>
                    <li>
                        <a href="/">five</a><span></span>
                 <ul class="nav-menu-sub">
                @foreach (var item in CurrentPage.Site().inTheNews)
            {
                var linkUrl = (bool)item.isInternal ? Umbraco.NiceUrl(item.Value<int>("internal")) : item.link;
                var linkTarget = (bool)item.newWindow ? "_blank" : null;
                <li><a href="@linkUrl" target="@linkTarget">@item.caption</a></li>
            }  
                </ul>  
                    </li>
                </ul>
        </nav>

        @{
           IPublishedContent current = (CurrentPage);
           Stack<dynamic> pages = new Stack<dynamic>();
           while (current.Level > 1)
          {
              pages.Push(current);
             current = current.Parent;
         }
        }
        <div class="breadcrumb-bar">
            <ul class="breadcrumbs container">
                <li><a href="/">Home</a></li>
                @foreach (var page in pages)
                {
                    var cls = page.Id == CurrentPage.Id ? "current" : "";
               <li class="@cls"><a href="@page.Url">@page.Name.ToLower()</a></li>
              } 
            </ul>
        </div>
    </header>
    <div class="container body-content">
        @RenderBody()
    </div>
        <footer>
        </footer>

    <script src="//code.jquery.com/jquery-1.11.3.min.js"></script>
    <script src="//code.jquery.com/jquery-migrate-1.2.1.min.js"></script>
    <script src="/bootstrap/js/bootstrap.2.3.2.js"></script>
    @*<script type="text/javascript" src="/scripts/main.js"></script>*@
    <script>
        var menuItem = $(".nav-menu-main > li > a");
        var subMenu = $(".nav-menu-sub")
        $(subMenu).mouseover(function () {
            $(this).parent().children(menuItem).addClass("hover-active");
        });
        $(subMenu).mouseout(function () {
            $(this).parent().children(menuItem).removeClass("hover-active");
        });
    </script>
</body>
</html>

Answer 1

Umbraco 中存在一个错误，其中关闭正文标签附近的脚本标签将被强制为小写。

我今天已经向 Umbraco 提交了一个 pull request，https://github.com/umbraco/Umbraco-CMS/pull/926 所以它应该会在以后的版本中修复

在 Umbraco 中，内联 javascript 在 Chrome 中变为小写

In Umbraco, inline javascript turned to lowercase in Chrome

javascript

google-chrome

umbraco

umbraco7