IE9只有_sometimes_忽略<base href>

hur*_*n77 4 html internet-explorer internet-explorer-9

我们正在开发一个大量使用的网站<base href>(这是典型的TYPO3网站).该站点在子目录中开发,稍后将重新定位到顶层目录,因此我们无法轻松删除<base href>.

我们的客户告诉我们,有时当她浏览新页面时,她会在没有应用布局的情况下获取页面内容.我们调试了这个:它只发生在IE9中.查看日志,我们发现当错误发生时,IE9会尝试从错误的位置加载CSS,JS和所有图像:相对于当前URL,而不是相对于BASE HREF ...进一步检查日志显示我们IE8的用户也受到了影响,包括一些愚蠢的网络蜘蛛(对我们来说没有问题,后者,谁在乎?).

我们已经了解IE8推测下载器/前瞻解析器:http://blogs.msdn.com/b/ieinternals/archive/2009/07/27/bugs-in-the-ie8-lookahead-downloader.aspx

我确信我们不会面对所描述的错误:所有页面元素(包括第一个标题元素)都是从错误的位置加载的.此错误描述了页眉中只有第二个和更晚的元素受到影响.我们可以通过在问题发生时查看访问日志来证明这一点.

一个简单的重新加载修复了这个问题,将页面源代码与发生的错误进行比较,如果没有发生,则显示没有区别.只有IE受到影响,所有其他浏览器都没问题.

<base href>标签是在第一个<head>标签.我们尝试了所有可能的解决方案,没什 似乎是一个IE错误.

其他人遇到这种情况并找到了解决方法吗?我们有几个其他网站使用<base href>我们无法在我们的测试系统中重现这种行为 - 所以有些东西可能触发或解决这个bug.但我分析了这些网站的日志,可以看到一些使用IE8的访问者即使遇到了这个bug.

根据评论中的要求,这是我的html头部的一个模糊的例子:

<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html
     PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xml:lang="en" lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>

<base href="http://client.site/cms/" />

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!-- 
    This website is powered by TYPO3 - inspiring people to share!
    TYPO3 is a free open source Content Management Framework initially created by Kasper Skaarhoj and licensed under GNU/GPL.
    TYPO3 is copyright 1998-2011 of Kasper Skaarhoj. Extensions are copyright of their respective owners.
    Information and contribution at http://typo3.com/ and http://typo3.org/
-->

<meta name="generator" content="TYPO3 4.5 CMS" />

<link rel="stylesheet" type="text/css" href="typo3temp/stylesheet_fad97d0aa7.css?1312295592" media="all" />
<link rel="stylesheet" type="text/css" href="fileadmin/css/styles.css?1319535102" media="screen" title="Standardstyles" />
<link rel="stylesheet" type="text/css" href="fileadmin/js/fancybox/jquery.fancybox-1.3.4.css?1310653643" media="all" />
<link rel="stylesheet" type="text/css" href="fileadmin/js/jqtransformplugin/jqtransform.css?1312810052" media="all" />

<script src="fileadmin/js/jquery-1.6.2.min.js?1310979164" type="text/javascript"></script>
<script src="fileadmin/js/jqtransformplugin/jquery.jqtransform.js?1312460310" type="text/javascript"></script>
<script src="typo3temp/javascript_93553eae97.js?1312462864" type="text/javascript"></script>

<link href="fileadmin/css/print.css" rel="stylesheet" media="print" type="text/css" />    
  <script src="/tools/formmailer.js" type="text/javascript" charset="utf-8"></script><title>Some title for the page</title>

</head>
Run Code Online (Sandbox Code Playgroud)

hur*_*n77 7

我们发现:当从服务器返回的HTML文件包含UTF-8 BOM时,Internet Explorer会执行各种有趣的操作.我们仍然认为这是一个IE错误,但至少我们找到了解决方法.

背景信息:在初始页面生成期间,包含一些PHP文件,这些文件不包括在连续请求中(因为现在大多数生成的内容都被缓存,并且不需要运行这些文件).其中一些包含的PHP文件包含UTF-8 BOM.由于BOM位于打开的PHP标记之前,因此它将流式传输到PHP的输出.

我们通过比较fiddler中的输出和发生错误时差异为3,6或9字节的文件大小来计算出来.在输出上运行差异显示BOM表头,比较大多数Windows编辑器没有显示它,因为这些编辑器知道BOM.所以问题是隐藏的.谢谢IE浏览器2.5天的无用工作!