Javascript 代码在 IE11 移动浏览器中未定义，但在 Chrome、Firefox、IE 中工作

Question

我在尝试在 Windows Phone IE11 Mobile 上测试的网站上遇到问题。基本上，在 Iphone、Android、Chrome、Firefox，甚至非 Windows 手机 IE11 上，此代码都可以正常工作，但在 IE11 Mobile 上，以下代码会警告“'App' 未定义。”

这是 Razor cshtml:

    @Scripts.Render("~/bundles/jquery")
    @Scripts.Render("~/bundles/modernizr")
    @Scripts.Render("~/bundles/bootstrap")
    @Scripts.Render("~/bundles/app")
    <script>
        $(document).ready(function () {
            try {
                var overlayUrl = "@Url.Content("~/Content/Images/front_license_outline.png")";
                var handleUrl = "@Url.Action("HandlePicture")";
                App.init(overlayUrl, handleUrl);
            } catch(ex) {alert(ex.message);}
        });
    </script>

这是 app.js 文件的删节版本，它是在我测试过的所有其他浏览器上定义的。

var App = function() { 
    var init = function(overlayurl, hpu) {
        //My Code
    }

    return { init: init };
}();

我对可能发生的情况不太了解，我希望帮助弄清楚如何解决 WP EI11 Mobile 的此问题或解决该问题的某种方法。

Jquery - 版本 1.10.2
Modernizer - 版本 2.6.2
Boostrap - 版本 3.3.6

如果您需要有关我的代码的更多信息，或者认为我可能没有包含解决此问题的重要信息，请告诉我，我将非常乐意提供。预先感谢您的帮助。

::编辑::
我已经测试过编辑 App.init 函数中的每一行以及我在其他地方可以找到的尽可能多的无关行，但问题仍然存在。

var App = function() { 
    var init = function() {
        //This is now literally no code here.
    }

    return { init: init };
}();

和 razor .cshtml 文件:

    @Scripts.Render("~/bundles/jquery")
    @Scripts.Render("~/bundles/modernizr")
    @Scripts.Render("~/bundles/bootstrap")
    @Scripts.Render("~/bundles/app")
    <script>
        $(document).ready(function () {
            try { App.init(); } 
            catch(ex) { alert(ex.message); }
        });
    </script>

alert(ex.message) 仍然被触发。 “应用程序”未定义。

Answer 1

我现在已经摆脱了这个问题，并决定做一些我认为完全不相关的事情；找出引导网格系统无法正确呈现的原因。当我这样做时，我偶然发现了一篇文章，建议我需要添加元标记:

<meta http-equiv="X-UA-Compatible" content="IE=edge">

我的 .cshtml 文件头部的这个元标记修复了问题，原因我完全不知道。据我所知，这在其他浏览器中也没有任何副作用。使用此标记，app.js 文件可以在 IE11 Mobile 中正确加载。

目前，它解决了问题，但我计划具体研究一下它在做什么。我希望这可以帮助任何处理类似问题的人。