Heim > Web-Frontend > js-Tutorial > So testen Sie die Öffnungsreaktionsgeschwindigkeit der Zielwebsite mit JS

So testen Sie die Öffnungsreaktionsgeschwindigkeit der Zielwebsite mit JS

小云云
Freigeben: 2017-12-12 10:26:51
Original
3146 Leute haben es durchsucht

Ich habe ein einfaches Tool zum Testen der Öffnungsgeschwindigkeit einer Verzeichnis-Website verwendet. Beachten Sie, dass dies nur die Geschwindigkeit beim Öffnen einer Verzeichnis-Website auf diesem Computer ist. Dies bedeutet nicht, dass andere Benutzer sie gleichzeitig öffnen Tatsächlich kann es auch verwendet werden, um die Geschwindigkeit des lokalen Netzwerks zu testen. In diesem Artikel wird kurz erklärt, wie man mit JS die Öffnungsreaktionsgeschwindigkeit der Zielwebsite testet. Die Methode ist einfach und für jeden auf einen Blick verständlich.

<!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>
Nach dem Login kopieren

Die Netzwerkumgebung jedes Computers ist sehr komplex, daher dient der durch dieses Skript erhaltene Wert nur als Referenz.

Verwandte Empfehlungen:

Detaillierte Erläuterung der Verwendung der Memcache-Caching-Technologie in PHP zur Verbesserung der Antwortgeschwindigkeit_PHP-Tutorial

JS Testing and Access CI Guide

Zusammenfassung und Empfehlung der HTML 5-Spezialeffektseite und der JS-Testseite

Das obige ist der detaillierte Inhalt vonSo testen Sie die Öffnungsreaktionsgeschwindigkeit der Zielwebsite mit JS. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage