html5 작업자 예제 (1) 테스트가 작동하지 않는 이유는 무엇입니까?
- 黄舟원래의
- 2016-12-20 14:57:431516검색
작업자 API를 테스트할 때 항상 예외가 발생하고 효과를 전혀 테스트할 수 없는 사람들이 많습니다.
작업자를 사용할 때 주의해야 할 점은 간단한 텍스트 파일로는 작업자를 구현할 수 없다는 것입니다. 작업자 API를 실행하려면 작성하는 실제 코드를 서버(tomcat.jBoss 등)에 배포해야 합니다.
아래에 간단한 예시를 작성해 보세요
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>그게 다입니다 HTML5 작업자 예시 (1) 왜 테스트에서 효과적인 내용이 나오지 않나요? 더 많은 관련 내용을 보시려면 PHP 중국어 홈페이지(www.php.cn)를 참고해주세요!
성명：
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.