托管Bootstrap/Jquery/HTML5Shiv在IE8中局部破坏站点

Hosting Bootstrap/Jquery/HTML5Shiv locally breaks site in IE8

本文关键字:中局 站点 Bootstrap Jquery HTML5Shiv 托管 IE8      更新时间:2023-09-26

我有一个使用bootstrap构建的网站,它在IE8中工作得很好。然后我决定,为了使我的网站加载快一点,我打算停止从其他服务器上为bootstrap/jquery/html5shiv/etc装载各种.js.css文件,并在本地托管它们。这样做破坏了我的网站在IE8。在IE8中,我得到的东西有点像移动版本。

知道我做错了什么吗?我应该可以把这些文件都放在本地,对吧?

这是我在我的标签中最初有效的内容:

   <!-- Bootstrap core CSS -->

<link href="/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
  <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
  <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap-theme.min.css">
    <link href="/css/ffnv4.4.css" rel="stylesheet">
<script type="text/javascript" src="http://code.jquery.com/jquery.min.js"></script>
<script src="http://netdna.bootstrapcdn.com/bootstrap/3.0.3/js/bootstrap.min.js"></script>

<script type="text/javascript">
     if (navigator.userAgent.match(/IEMobile'/10'.0/)) {
        var msViewportStyle = document.createElement("style");
        msViewportStyle.appendChild(
            document.createTextNode(
                "@-ms-viewport{width:auto!important}"
            )
        );
        document.getElementsByTagName("head")[0].
            appendChild(msViewportStyle);
    }
</script>

这里是不能工作的新代码:

    <!-- Bootstrap core CSS -->

<link href="<? echo CONTENT_SERVER; ?>/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
  <script src="<? echo CONTENT_SERVER; ?>/js/html5shiv.js"></script>
  <script src="<? echo CONTENT_SERVER; ?>/js/respond.min.js"></script>
<![endif]-->

        <link href="<? echo CONTENT_SERVER; ?>/css/ffnv4.4.css" rel="stylesheet">
<script type="text/javascript" src="<? echo CONTENT_SERVER; ?>/js/jquery.js"></script>
<script src="<? echo CONTENT_SERVER; ?>/bootstrap/js/bootstrap.js"></script>
<script type="text/javascript">
     if (navigator.userAgent.match(/IEMobile'/10'.0/)) {
        var msViewportStyle = document.createElement("style");
        msViewportStyle.appendChild(
            document.createTextNode(
                "@-ms-viewport{width:auto!important}"
            )
        );
        document.getElementsByTagName("head")[0].
            appendChild(msViewportStyle);
    }
</script>

因为Twitter bootstarp3和jquery version 2没有放弃对IE8的支持