托管Bootstrap/Jquery/HTML5Shiv在IE8中局部破坏站点
Hosting Bootstrap/Jquery/HTML5Shiv locally breaks site in IE8
我有一个使用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的支持
相关文章:
- JavaScript滚动脚本-在测试中激发,而不是在开发站点上
- Cordova/Phonegap在主要的Cordova网络视图中加载外部站点
- 在WordPress站点中加载jquery.js后加载javascript代码
- sharepoint站点的internet explorer中出现Javascript错误
- IE8/Javascript冲突?IE8正在开发中冻结整个站点-包括Javascript列表
- 当站点不是其URL的根时,如何在getJSON调用中定位API
- 使用 JavaScript 将数据从站点 A 插入到站点 B 中的表单中
- 在javascript中获取django站点的会话ID
- 如何在angularjs应用程序中添加站点地图.xml
- 如何在我的JavaScript中查找站点基本URL
- 如何在Express JS中构建站点地图
- 获取给定域中所有站点的链接,任何工具
- 可以'在asp-mvc中获取站点根url
- PHP cURL中远程站点的提交按钮
- 如何保护 Location.href 免受 JavaScript 中跨站点脚本的影响
- 在javascript中获取站点根url
- 在浏览器中测试站点
- 试图从同一域中的站点获取资源时出现访问-控制-允许-起源错误
- 用户是否可以在浏览器中修改站点 JavaScript
- 浏览器默认在 javascript 警报框中显示站点 ip