Question

如果您在IE11中打开此页面，则CSS和jQuery无法加载：http://javasmart.gooberdev.com/

如果您刷新页面一次，甚至两次，它仍然无法加载。但如果你连续多次点击F5，最后加载CSS和jQuery并正确显示页面。

这是我见过的最奇怪的错误之一，坦率地说，我不知道是什么导致了它。 **仅发生在IE中。 Chrome和Firefox运行良好。

Magento head.phtml文件：

<meta http-equiv="Content-Type" content="<?php echo $this->getContentType() ?>" />
<title><?php echo $this->getTitle() ?></title>
<meta name="description" content="<?php echo htmlspecialchars($this->getDescription()) ?>" />
<meta name="keywords" content="<?php echo htmlspecialchars($this->getKeywords()) ?>" />
<meta name="robots" content="<?php echo htmlspecialchars($this->getRobots()) ?>" />
<link rel="icon" href="<?php echo $this->getFaviconFile(); ?>" type="image/x-icon" />
<link rel="shortcut icon" href="<?php echo $this->getFaviconFile(); ?>" type="image/x-icon" />

<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1" />
<!--[if lt IE 7]>
<script type="text/javascript">
//<![CDATA[
    var BLANK_URL = '<?php echo $this->helper('core/js')->getJsUrl('blank.html') ?>';
    var BLANK_IMG = '<?php echo $this->helper('core/js')->getJsUrl('spacer.gif') ?>';
//]]>
</script>
<![endif]-->
<link rel="stylesheet" type="text/css" href="/skin/frontend/magpassion/relank/css/custom.css" media="all" />
<script type="text/javascript" src="http://fast.fonts.net/jsapi/ea7ed50d-f26c-4089-bf7d-063665c359e7.js"></script>
<link href='http://fonts.googleapis.com/css?family=Roboto:400,500,400italic,500italic' rel='stylesheet' type='text/css' />
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css" />
<?php echo $this->getCssJsHtml() ?>

<?php echo $this->getChildHtml() ?>
<?php echo $this->helper('core/js')->getTranslatorScript() ?>
<?php echo $this->getIncludes() ?>

Answer 1

当IE关注标题中的X-UA标记以强制执行IE8标准时，我才会遇到问题。一堆JavaScript无法加载，页面的其余部分都会崩溃如果我忽略这个标签并使用F12使用Edge进行渲染，那么页面对我来说总是完美无缺。

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

这里有一篇好文章：

"X-UA-Compatible" content="IE=9; IE=8; IE=7; IE=EDGE"

jQuery＆amp; CSS仅在多次刷新后加载

1 个答案: