有没有办法检查一个网站加载javascript需要多长时间_Javascript_Html_Css_Time_Load

有没有办法检查一个网站加载javascript需要多长时间

javascript html css time

有没有办法检查一个网站加载javascript需要多长时间,javascript,html,css,time,load,Javascript,Html,Css,Time,Load,对于我的科学展项目，我需要能够找出每10秒加载一个网站需要多长时间。问题是我不知道如何加载网站，并检查加载需要多长时间。到目前为止，我已经制作了一个程序，只告诉你在文本框中键入的内容，现在我所需要的只是如何检查网站的加载时间。 -先谢谢你这是密码 <html> <body id='body'> <p>Website Checker</p> <textarea id='websiteurl' rows="1" cols="50

对于我的科学展项目，我需要能够找出每10秒加载一个网站需要多长时间。问题是我不知道如何加载网站，并检查加载需要多长时间。到目前为止，我已经制作了一个程序，只告诉你在文本框中键入的内容，现在我所需要的只是如何检查网站的加载时间。 -先谢谢你这是密码

<html>
<body id='body'>
    <p>Website Checker</p>
    <textarea id='websiteurl' rows="1" cols="50"></textarea><br>
    <button onclick="checkhowlongittakes()">Input!</button>
</body>
</html>

<style>
    #body {
        background-color: coral;
    }    
</style>

<script>
    document.getElementById('websiteurl').value = 'Input the url here'
    function checkhowlongittakes() {
        weburl = document.getElementById('websiteurl').value
    //Checkhowlongthewebsitetakestoload(weburl)
    }
</script>


网站检查器


输入！
#身体{
背景颜色：珊瑚；
}    
document.getElementById（'websiteurl'）。value='在此处输入url'
函数checkhowlongittakes（）{
weburl=document.getElementById（'websiteurl'）。值
//在网站上选中Howlong takestoload（weburl）
}

如果您正在使用Google Chrome，请单击

F12

，然后弹出一个窗口。点击

网络

和

刷新

页面。您将在页面上获得每个组件（包括javascript）的加载时间。

如果您使用Google Chrome，请单击

F12

，然后弹出一个窗口。点击

网络

和

刷新

页面。您将获得页面上每个组件（包括javascript）的加载时间。

要获得其他网站的ping时间：

函数checkhowlongittakes（）{
weburl=document.getElementById（'websiteurl'）。值；
getLoadTime（weburl，函数（时间）{
log（“加载“+weburl+”的时间为“+time+”毫秒”）；
});
}
函数getLoadTime（url，回调）{
var req=新的XMLHttpRequest（）；
var start=Date.now（）；
req.onreadystatechange=功能（e）{
if（this.readyState==4）
回调（Date.now（）-start）；
}
请求打开（“获取”，url）；
请求发送（）；
}

网站检查器
https://stacksnippets.net

输入为其他网站获取ping时间：

函数checkhowlongittakes（）{
weburl=document.getElementById（'websiteurl'）。值；
getLoadTime（weburl，函数（时间）{
log（“加载“+weburl+”的时间为“+time+”毫秒”）；
});
}
函数getLoadTime（url，回调）{
var req=新的XMLHttpRequest（）；
var start=Date.now（）；
req.onreadystatechange=功能（e）{
if（this.readyState==4）
回调（Date.now（）-start）；
}
请求打开（“获取”，url）；
请求发送（）；
}
网站检查器
https://stacksnippets.net

输入按F12键（浏览器控制台）：-|可能重复按F12键（浏览器控制台）：-|可能重复你使用它时使用的单位是什么？它会给毫秒你使用它时使用的单位是什么？它会给毫秒谢谢你为我节省了这么多时间！非常感谢你为我节省了这么多时间！
window.onload = function () {
    var loadTime = window.performance.timing.domContentLoadedEventEnd-window.performance.timing.navigationStart; 
    console.log('Page load time is '+ loadTime);
}