Maison > Article > interface Web > Comment tester la vitesse de réponse d'ouverture du site Web cible à l'aide de JS
J'ai utilisé JS pour écrire un outil simple pour tester la vitesse d'ouverture d'un site Web d'annuaire. Notez qu'il s'agit uniquement de la vitesse d'ouverture d'un site Web d'annuaire sur cette machine. Cela ne signifie pas que d'autres utilisateurs l'ouvriront en même temps. vitesse En fait, il peut également être utilisé pour tester la vitesse du réseau local. Cet article explique brièvement comment utiliser JS pour tester la vitesse de réponse d'ouverture du site Web cible. La méthode est simple et claire et peut être comprise par tout le monde en un coup d'œil.
<!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> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>test</title> </head> <body bgcolor="transparent" style="color:#FFFFFF;"> <style type="text/css"> input{font-size:12px;padding:0 5px;line-height:21px; font-family:tahoma;border:1px solid #ccc;height:21px;} </style> <script language="javascript"> tim=1 setInterval("tim++",100) b=1 var autourl = new Array(); autourl[1] = "www.qq.com"; autourl[2] = "www.jb51.net"; autourl[3] = "www.baidu.com"; autourl[4] = "www.sina.com"; function butt(){ document.write("<form name=autof style='padding:0px; margin:0px;'>") for (var i = 1; i < autourl.length; i++) document.write("<input type=text name=txt" + i + " size=25 style='color:#999;' value=测试中…> =》<input type=text name=url" + i + " size=40> =》<input type=button value=GO onclick=window.open(this.form.url" + i + ".value)><br>") document.write("<input onclick='window.location.reload()' type=submit value='刷新' style='margin-top:10px'></form>") } butt() function auto(url){ document.forms[0]["url"+b].value=url if(tim>200) {document.forms[0]["txt"+b].value="网址"+b+"链接超时"} else { document.forms[0]["txt" + b].value = "网址" + b + ": 访问速度" + tim * 10 + "ms" } b++ } function run(){for(var i=1;i<autourl.length;i++)document.write("<img src="+autourl[i]+"/"+Math.random()+" width=1 height=1 onerror=auto('"+autourl[i]+"') style='display:none'>")} run() </script> </body> </html>
L'environnement réseau de chaque ordinateur est très complexe, la valeur obtenue par ce script est donc à titre de référence uniquement.
Recommandations associées :
Guide de test et d'accès JS CI
Résumé et recommandation de la page d'effets spéciaux HTML 5 et de la page de test js
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!