Maison  >  Article  >  interface Web  >  Comment tester la vitesse de réponse d'ouverture du site Web cible en JS

Comment tester la vitesse de réponse d'ouverture du site Web cible en JS

亚连
亚连original
2018-06-22 18:25:241735parcourir

Cet article explique brièvement comment utiliser JS pour tester la vitesse de réponse à l'ouverture du site Web cible. La méthode est simple et claire, et tout le monde peut la comprendre en un coup d'œil. Le code source du script est joint

. Je n'ai rien à faire, j'ai donc écrit un test simple en utilisant JS. Une petite chose sur la vitesse d'ouverture du site Web de l'annuaire. Notez qu'il s'agit uniquement de la vitesse d'ouverture du site Web de l'annuaire sur cette machine. le site Web de l'annuaire à la même vitesse. En fait, il peut également être utilisé pour tester la vitesse du réseau local

<!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=&#39;padding:0px; margin:0px;&#39;>")
for (var i = 1; i < autourl.length; i++) document.write("<input type=text name=txt" + i + " size=25 style=&#39;color:#999;&#39; 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=&#39;window.location.reload()&#39; type=submit value=&#39;刷新&#39; style=&#39;margin-top:10px&#39;></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(&#39;"+autourl[i]+"&#39;) style=&#39;display:none&#39;>")}
run()
</script>
</body>
</html>

Ce qui précède, c'est moi, je l'ai compilé pour tout le monde, j'espère qu'il sera utile à tout le monde. l'avenir.

Articles associés :

Comment implémenter la carte de la Chine dans vue+vuex+axios+echarts

Résoudre la zone de saisie bloquée par la méthode de saisie Le problème

Comment résoudre le problème du clavier logiciel bloquant la zone de saisie dans js

Comment implémenter l'interaction des composants dans Angular2

Comment surveiller le chargement des données dans JS+WCF

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!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn