Question

我们正在构建一个无法在Internet Explorer中加载的Web应用程序（使用多个版本进行测试，主要是完全修补了Windows 7 + IE 10）。

即使https://mailapp.co的登录页面也未加载并显示简洁

此页面无法显示

•确保网址https://mailapp.co正确无误。

•查找包含搜索引擎的页面。

•几分钟后刷新页面。

运行Node.js v0.10.25的网络应用程序将加载到所有其他主流浏览器（Firefox，Chrome，Safari和Opera）。

我们使用Fiddler进行了测试，我们获得了正确的HTTP请求，并使用看似有效的HTML5页面回答了正确的HTTP响应。

HTTP请求是：

GET https://mailapp.co/ HTTP/1.1
Accept: text/html, application/xhtml+xml, */*
Accept-Language: en-US
User-Agent: Mozilla/5.0 (Windows NT 6.1; Trident/7.0; rv:11.0) like Gecko
Accept-Encoding: gzip, deflate
Host: mailapp.co
DNT: 1
Connection: Keep-Alive
Cookie: ec=7g2c35tl5wbxkszmjokf9pamgaip4c75; ic=hoglks876bjkfxx2ker7i381mnektmz9

（请注意，Cookie表示Internet Explorer确实能够与服务器通信，并且至少可以读取先前请求的响应标头）

发送的HTTP响应（如Fiddler所见）是：

HTTP/1.1 200 OK
Cache-Control: no-cache
Pragma: no-cache
Date: Mon, 03 Nov 2014 21:02:07 GMT
Server: https
Content-Type: text/html; charset=utf-8
Set-Cookie: ec=7g2c35tl5wbxkszmjokf9pamgaip4c75; expires=Mon, 03 Nov 2014 21:16:31 GMT; path=/
Set-Cookie: ic=hoglks876bjkfxx2ker7i381mnektmz9; expires=Mon, 03 Nov 2014 21:16:31 GMT; path=/
Connection: keep-alive
Content-Length: 3881

HTML页面是：

<!DOCTYPE html><html><head><meta charset="utf-8"/><link rel="stylesheet" type="text/css" href="/_internal_/dynamic_resource/lib/stdlib/themes/bootstrap/bs-resources/3.2.0/css/bootstrap.min.css"/><link rel="stylesheet" type="text/css" href="/resources/css/theme.css"/><link rel="stylesheet" type="text/css" href="/resources/css/tablesorter.css"/><link rel="stylesheet" type="text/css" href="/resources/css/jquery-ui-bootstrap/jquery-ui-1.9.2.custom.css"/><link rel="stylesheet" type="text/css" href="/resources/css/jquery.fileupload/jquery.fileupload-ui.css"/>
<!--[if lt IE 9]>
<script src="/resources/js/html5shiv.min.js"></script>
<![endif]--><meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
  <meta name="viewport" content="width=device-width,initial-scale=1"/>
  <link rel="stylesheet" type="text/css" href="/resources/css/style.css?v=1415034398289"/>
  <link rel="stylesheet" type="text/css" href="/resources/css/icons.css?v=1415034398289"/>
<!--[if IE]>
<link rel="stylesheet" type="text/css" href="/resources/css/jquery-ui-bootstrap/jquery-ui-1.9.2.ie.css"/>
<![endif]--><title>PEPS</title><script type="text/javascript">var page_server = 4848982584983552; var page_lang = "en";</script></head><body id="Body"><div id="main" class="main o-selectable narrow">
<div id="notification_area" class="o-selectable"></div><div class="home-page">
<div class="home-tagline">
<h1><i class="fa fa-envelope"></i> PEPS</h1>
</div>
<div class="card">
<h3>Sign in to your mailbox</h3>
<div id="login" class="well"><div id="loginbox">
<iframe src="/_internal_/null" id="loginbox__iframe" name="loginbox__iframe" width="0" height="0" style="visibility:hidden;display:none;width:0px;height:0px;opacity:0;"></iframe>
        <form target="loginbox__iframe" method="post" action="/_internal_/null" name="loginbox__form" id="loginbox__form" autocomplete="on" role="form">
<span id="loginbox_not_logged" style="">

<div class="form-group">
<input id="loginbox_username" type="text" autocomplete="on" name="loginbox_username" placeholder="username" class="form-control"/>
</div>

<div class="form-group">
<input id="loginbox_password" type="password" autocomplete="on" name="loginbox_password" placeholder="password" class="form-control"/>
</div>

<button type="submit" class="btn btn-primary">Sign in</button>
</span>
</form>
<span id="loginbox_logged"></span>
<span id="loginbox_unlogged"></span>
</div></div>

</div>
</div></div><footer id="footer" class="footer">
<div class="container">
<span class="copyright">

</span>

</div>
</footer><script src="/_internal_/fcd3eed4b25df421e8c8878591719ea3/code/all.js" type="text/javascript"></script><script src="/resources/js/jquery-ui-1.9.2.custom.min.js" type="text/javascript"></script><script src="/resources/js/jquery.tokeninput.js" type="text/javascript"></script><script src="/resources/js/mail.js?v=1415034398289" type="text/javascript"></script><script src="/resources/js/bootstrap-contextmenu.js" type="text/javascript"></script>
<script type="text/javascript">//<![CDATA[

$(function(){var event = _B;_Dd(_A("{\"srv_id\":\"jksaoxkxzyrtlqqfrdabwt\"}",{"TyArrow_res":{"TyName_ident":"void","TyName_args":{"nil":_C}},"TyArrow_params":{"tl":{"nil":_C},"hd":{"TyName_ident":"Dom.event","TyName_args":{"nil":_C}}}}))(_F(event))});
$('#loginbox__form')
.bind('submit',(function(event){_f(_A("{\"srv_id\":\"efaailcmsbmngehlfjzkwu\"}",{"TyArrow_res":{"TyName_ident":"void","TyName_args":{"nil":_C}},"TyArrow_params":{"tl":{"tl":{"nil":_C},"hd":{"TyConst":{"TyString":_C}}},"hd":{"TyConst":{"TyString":_C}}}}),"loginbox")(_F(event))}))

$(function(){var event = _B;_e({"TyConst":{"TyString":_C}},{"TyConst":{"TyString":_C}})("loginbox_username","username")(_F(event))});
$(function(){var event = _B;_g({"TyConst":{"TyString":_C}},{"TyConst":{"TyString":_C}})("loginbox_password","password")(_F(event))});
//]]>
</script>
</body></html>

我们有问题吗？
是IE的错误还是反复无常的行为？（like this）

Answer 1

绰绰有神，我在博客中写到了你最近在IEInternals post on Web Compression中遇到的一个问题。

您正在使用Content-Encoding: deflate并在DEFLATE内容上发送2字节的ZLIB标头。 Internet Explorer can't handle that。使用Content-Encoding: gzip或删除2字节的ZLIB标头。

应用程序无法在Internet Explorer中加载

1 个答案: