网页加载时间

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); 

我编辑了新的代码，但这次我无法写出timeTaken值？所以这里有什么错误？

Answer 1

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

Answer 2

使用谷歌浏览器的开发者工具timeline function。

Answer 3

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

Answer 4

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

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

或者作为斋月穆拉特写道：

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>