网页加载时间

Question

var startTime = new Date().getTime();
var myWin = window.open("http://www.hizlial.com/hediyelik/hediyelik-urunler/zippo-jack-daniels-ltr-flask-hediye-seti_16.004.4126.1233.htm","_blank")
window.onload = function() { opener.window.endtime = new Date().getTime(); }
var endTime = opener.window.endtime;
var timeTaken = endTime-startTime;
document.write(timeTaken);

我编辑了新代码，但这次我写不了时间Taken值？那么这里有什么问题？

Answer 1

这是因为javascript不是一种线程语言，这意味着它不会等待事情发生，它会打开页面，而页面加载时会继续执行其他操作。您需要做的是将其添加到目标页面中：

window.onload = function() { window.opener.endtime = new Date().getTime(); }

或者ramazan murat写道：

var startTime = new Date().getTime(); var myWin = window.open("www.mozilla.com");
window.onload = function() { opener.window.endtime = new Date().getTime(); };
var timeTaken = endTime-startTime;

另一种方法是做到这一点：

<script>start = new Date().getTime();</script>
<iframe src="http://www.mozilla.com/" onload="end=new Date().getTime();"></iframe>

Answer 2

我会在Firebug中使用Net来测试页面的加载时间。

Answer 3

使用Google Chrome的开发者工具timeline function。

Answer 4

如果您不需要以编程方式执行此操作，则Firebug的Net tab将为您提供有关页面上给定资源请求的时间长度所需的所有信息。