Heim > Artikel > Web-Frontend > Beispiel für einen HTML5-Worker (1) Warum funktioniert der Test nicht?
Beispiel für einen HTML5-Worker (1) Warum funktioniert der Test nicht?
- 黄舟Original
- 2016-12-20 14:57:431516Durchsuche
Viele Leute stoßen beim Testen der Worker-API immer auf Ausnahmen und können die Wirkung überhaupt nicht testen.
Bei der Verwendung von Workern müssen Sie darauf achten, dass eine einfache Textdatei keinen Worker implementieren kann. Der tatsächliche Code, den Sie schreiben, muss auf dem Server bereitgestellt werden (tomcat.jBoss usw.), um die Worker-API auszuführen.
Schreiben Sie unten ein einfaches Beispiel
js-Code test.js (Worker)
function messageHandler(e) {
postMessage("worker says: " + e.data + " too");
}
addEventListener("message", messageHandler, true);
postMessage("2222222222");HTML-Code index.html
<!DOCTYPE html>
<html>
<head>
<title>index.html</title>
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="this is my page">
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<!--<link rel="stylesheet" type="text/css" href="./styles.css">-->
</head>
<body>
<script type="text/javascript">
if(typeof(Worker)!=="undefined"){
console.log("zhichi worke");
}else{
console.log("no support!");
}
function messageHandler(e){
console.log(e.data);
}
function errorHandler(e){
console.log(e.message, e);
}
var myWorker = new Worker("task.js");
myWorker.addEventListener("message", messageHandler, true);
myWorker.addEventListener("error", errorHandler, true);
myWorker.postMessage("1 fangsong d");
</script>
</body>
</html>Das ist es HTML5-Worker-Beispiel (1) Warum kann das Testergebnis nicht angezeigt werden? Weitere verwandte Inhalte finden Sie auf der chinesischen PHP-Website (www.php.cn)!