有没有人也遇到了和我一样在Chrome中页面一片空白的问题

CodeProject-Jerry 2010-09-15 11:41:53
以前在Chrome 中用jQuery 一点问题都没有,这次做一个新站点,这个Chrome的问题怎么也绕不过


1. 删除jQuery的引用就一切正常
截屏:http://img128.picfoco.com/img.php?id=1274578614&q=&jump=5176678858&ru=

2. 将jQuery的引用加回来,其它浏览器(IE.FF.Opera.Safari)都正常,就Chrome一打开就一片空白,用"Inspect Element"查看DOM结构,发现没有Body
截屏:http://img122.picfoco.com/img.php?id=778329008&q=&jump=4680429165&ru=

页面里面没有其它JS了,试过引用自己下载的jQuery 和 Google CDN上的,情况都一样
不引用jQuery , 改为引用 MicrosoftAjax.js, 一样有问题

强烈怀疑这是Chrome的BUG, 但以前从没遇到过,就这次遇到了
Chrome 版本: 6.0.472.55 , 7.0的开发版测试了也同样的问题

这个问题我提交到了 http://www.google.com/support/forum/p/Chrome/thread?tid=23eda1ccb11d9173&hl=en 里面有HTML
但没有任何回复

有没有人遇到类似情况?
...全文
622 12 打赏 收藏 转发到动态 举报
写回复
用AI写文章
12 条回复
切换为时间正序
请发表友善的回复…
发表回复
CodeProject-Jerry 2010-09-21
  • 打赏
  • 举报
回复
问题已经解决了, 原因是返回的 HTTP HEAD 中有 Connection: Close

这个HEAD只对Chrome有影响
CodeProject-Jerry 2010-09-19
  • 打赏
  • 举报
回复
我以前 用Chrome做到站点都可以

就这个 , 莫名其妙
kkbac 2010-09-15
  • 打赏
  • 举报
回复
我的服务器是2008,我放上去看看.
kkbac 2010-09-15
  • 打赏
  • 举报
回复
我的是win2003+iis6+Chrome
kkbac 2010-09-15
  • 打赏
  • 举报
回复
加上了css, 居中显示了. 一切正常.
CodeProject-Jerry 2010-09-15
  • 打赏
  • 举报
回复
Sorry, 上面的IE 要换成Chrome
CodeProject-Jerry 2010-09-15
  • 打赏
  • 举报
回复
[Quote=引用 4 楼 kkbac 的回复:]

直接复制你的代码, 测试下,没你说的问题.

Chrome 版本: 6.0.472.55
[/Quote]

我在3台机器上重现了
Windows XP IE7
Windows 2003 IE8
Windows 2008 R2 IE8

我的IIS 是 7.1
CodeProject-Jerry 2010-09-15
  • 打赏
  • 举报
回复
CSS


html, body
{
width:100%;
height:100%;
margin:0px;
padding:0px;
overflow:hidden;
background-attachment:scroll;
background-color:#FFFFFF;
background-image:url(../img/login.bg.png);
background-position:top;
background-repeat:repeat-x;
font-size:12px;
font-family:Verdana, Arial, Helvetica, sans-serifl;
}
#dlg
{
width:975px;
height:520px;
margin:0 auto;
background-image:url(../img/login.dlg.png);
background-repeat:no-repeat;
overflow:hidden;
}
#dlg .controls { position:relative; top:300px; left:300px; }
input { border:1px solid #D9D9D9; padding:3px 3px 3px 20px; width:200px; font-family:Arial; }
#txtUsername { background-image:url(/images/icon/user_green.png); background-repeat:no-repeat; background-position: 2px 2px; }
#txtPassword { background-image:url(/images/icon/lock.png); background-repeat:no-repeat; background-position: 2px 2px; }
#txtSecurityToken { background-image:url(/images/icon/icon_security.gif); background-repeat:no-repeat; background-position: 2px 2px; }
#btnSignIn { width:95px; height:34px; overflow:hidden; background-image:url(../img/login.btn.png); border:none; padding:0px; }
span.msg { color:Red; width:200px; overflow:hidden; }

#table-login { table-layout:fixed; width:340px; }
#table-login .col1 { width:100px; }


CodeProject-Jerry 2010-09-15
  • 打赏
  • 举报
回复
[Quote=引用 1 楼 kkbac 的回复:]
老规矩. 看代码说话.
[/Quote]


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head><title>
CMS Console SignIn
</title>
<link rel="stylesheet" type="text/css" href="/App_Themes/AdminConsole/SignIn/Index.css" />

<!-- If I remove the following line, everything renders correctly; -->
<script language="javascript" type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
</head>
<body>

<form action="/en/SignIn/Login" method="post" onclick="Sys.Mvc.AsyncForm.handleClick(this, new Sys.UI.DomEvent(event));" onsubmit="Sys.Mvc.AsyncForm.handleSubmit(this, new Sys.UI.DomEvent(event), { insertionMode: Sys.Mvc.InsertionMode.replace, loadingElementId: 'icoLoading', updateTargetId: 'formSignIn', onSuccess: Function.createDelegate(this, self.SignIn.onResponse) });">
<div id="dlg">

<div class="controls">
<table cellpadding="0" cellspacing="5" border="0">
<tr>
<td align="right">Username:</td>
<td><input autocomplete="off" id="txtUsername" name="username" onfocus="this.select()" type="text" value="" /></td>
</tr>
<tr>
<td align="right">Password:</td>
<td><input autocomplete="off" id="txtPassword" name="password" onfocus="this.select()" type="text" value="" /></td>
</tr>
<tr>
<td align="right">Security Token:</td>
<td><input autocomplete="off" id="txtSecurityToken" name="securityToken" onfocus="this.select()" type="text" value="" /></td>
</tr>
<tr>
<td> </td>
<td align="right">
<span class="msg"><img id="icoLoading" style="display:none" src="/images/icon/loading.gif" /></span>
<br /><br />
<input type="image" src="/images/transparent.gif" id="btnSignIn" />
</td>
</tr>
</table>
</div>
</div>
</form>

</body>
</html>
kkbac 2010-09-15
  • 打赏
  • 举报
回复
直接复制你的代码, 测试下,没你说的问题.

Chrome 版本: 6.0.472.55
CodeProject-Jerry 2010-09-15
  • 打赏
  • 举报
回复
[Quote=引用 1 楼 kkbac 的回复:]
老规矩. 看代码说话.
[/Quote]


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><title>
Content Navigation
</title><meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script language="javascript" type="text/javascript" src="/js/jquery/jquery-1.4.2.min.js"></script>
</head>
<body>
dd222222222222222222222
<div id="content-tree">
</div>



</body>
</html>
kkbac 2010-09-15
  • 打赏
  • 举报
回复


老规矩. 看代码说话.
通过页面性能测试概念+页面加载过程+页面性能指标+页面性能测试工具的学习,可以学到如下内容:①WEB网站页面性能的指标(白屏时间、首屏加载完成时间、FP、FCP、DCL、CLS、FPS等);②WEB网站页面性能测试策略;③WEB网站页面加载过程(前端基础语言:HTML+CSS+JavaScript,DOM、CSSOM、渲染树、布局、绘制);④WEB网站页面性能测试工具的实际操作和功能介绍(开发者工具:控制台、网络、性能、Lighthouse、FPS渲染统计等);⑤WEB网站页面性能测试报告编写。⑥WEB网站页面性能测试步骤和实际操作。课程内容:第一章:课程简介1、课程介绍2、课程大纲第二章:页面性能测试1、页面性能测试概念2、页面性能测试专业术语3、页面性能测试策略第三章:页面加载过程1、HTML概念,HTML5实例,HTML5文档2、CSS概念,CSS实例,CSS文档3、JavaScript概念,JavaScript脚本实例和作用4、DOM和CSSOM理解5、HTML5渲染引擎理解6、HTML5页面内容渲染的过程,HTML渲染树第四章:页面性能测试工具1、页面性能测试具体工具2、Chrome开发者工具介绍第五章:页面性能测试工具-控制台:window.performance1、控制台:window.performance介绍2、window.performance.timing执行结果加载字段理解3、window.performance.timing执行结果属性对应页面阶段理解4、window.performance页面性能参数计算5、window.performance页面性能关键指标计算第六章:页面性能测试工具-网络面板1、Chrome-开发者工具-网络面板介绍2、Chrome-开发者工具-网络-瀑布流指标第七章:页面性能测试工具-性能面板1、Chrome-开发者工具-性能面板-使用方法2、Chrome-开发者工具-性能面板介绍3、Chrome-开发者工具-性能面板-控制按钮区域4、Chrome-开发者工具-性能面板-Overview区域5、Chrome-开发者工具-性能面板-火焰图区域6、Chrome-开发者工具-性能面板-内存图区域7、Chrome-开发者工具-性能面板-统计汇总区域8、Chrome-开发者工具-性能面板-统计汇总区域-摘要内容9、Chrome-开发者工具-性能面板-统计汇总区域-事件时长、调用、发生顺序第八章:页面性能测试工具-FPS监控1、Chrome-开发者工具-FPS监控-FPS介绍、FPS视觉效果、FPS查看方法第九章:页面性能测试-Lighthouse面板1、Chrome-开发者工具-Lighthouse介绍、操作方法、运行的生命周期2、Chrome-开发者工具-Lighthouse报告指标分析3、Chrome-开发者工具-Lighthouse的报告优化建议第十章:页面性能测试工具-Performance insights面板1、Chrome-开发者工具-Performance insights操作方法2、Chrome-开发者工具-Performance insights分析报告第十一章:网速调研1、全国网速的调研和本机网速测试第十二章:页面性能测试总结1、页面性能测试指标采集方式2、页面性能测试报告3、页面性能测试-操作步骤​

62,074

社区成员

发帖
与我相关
我的任务
社区描述
.NET技术交流专区
javascript云原生 企业社区
社区管理员
  • ASP.NET
  • .Net开发者社区
  • R小R
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告

.NET 社区是一个围绕开源 .NET 的开放、热情、创新、包容的技术社区。社区致力于为广大 .NET 爱好者提供一个良好的知识共享、协同互助的 .NET 技术交流环境。我们尊重不同意见,支持健康理性的辩论和互动,反对歧视和攻击。

希望和大家一起共同营造一个活跃、友好的社区氛围。

试试用AI创作助手写篇文章吧