Bootstrap 3和IE8

时间:2014-07-01 09:21:15

标签: twitter-bootstrap-3 respond.js

我知道这已被发布了几次,但我认为我的错误与其他错误不同。

我有熟悉的IE 7-9问题,将我的网站显示为移动版但全宽。问题似乎在于respond.min.js文件,尽管这可能是因为其他地方出了问题。

这是我的标题代码:

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Home</title>

    <link rel="stylesheet" href="css/bootstrap.min.css">
    <link rel="stylesheet" href="css/bootstrap-theme.min.css">
    <link rel="stylesheet" href="css/main.css">
    <link rel="stylesheet" href="css/odp.css" type="text/css" />

    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
        <script type="text/javascript" src="js/vendor/html5shiv.js"></script>
        <script type="text/javascript" src="js/vendor/respond.min.js"></script>
    <![endif]-->

</head>

在Chrome等中运行良好但在IE8中运行时出现控制台错误...

网页错误详情

User Agent: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 6.1; Trident/4.0; SLCC2; .NET CLR 2.0.50727; .NET CLR 3.5.30729; .NET CLR 3.0.30729; Media Center PC 6.0; .NET4.0C; .NET4.0E)
Timestamp: Tue, 1 Jul 2014 09:18:50 UTC


Message: Access is denied.

Line: 5
Char: 858
Code: 0
URI: file:///(path deleted) js/vendor/respond.min.js

我尝试过来自不同地方的几个版本 - 文件位于与网页相同级别的文件夹中 - 路径绝对不是问题。

有人可以帮忙吗?

DS

2 个答案:

答案 0 :(得分:3)

它在http://getbootstrap.com/getting-started/

上说

不应使用file:///

调用respond.js
  

Respond.js和file://

     

由于浏览器安全规则,Respond.js不适用于网页   通过file://协议查看(就像打开本地HTML文件时一样)。   要在IE8中测试响应功能,请通过HTTP(S)查看您的页面。看到   Respond.js文档了解详情。

包含这些文件时,相对路径也不同。我必须使用./js输入它们,而所有其他输入都是/js

答案 1 :(得分:0)

我发现该页面必须位于服务器上。不只是计算机上的文件。我需要在localhost或Web服务器上托管它以容纳AJAX调用。

DS