ホームページ > ウェブフロントエンド > htmlチュートリアル > html5 ワーカーの例 (1) テストが失敗する理由

html5 ワーカーの例 (1) テストが失敗する理由

黄舟
リリース: 2016-12-20 14:57:43
オリジナル
1533 人が閲覧しました

多くの人は、ワーカー API をテストするときに常に例外に遭遇し、効果をまったくテストできません。
ワーカーを使用するときに注意しなければならないことは、単純なテキスト ファイルではワーカーを実装できないことです。ワーカー API を実行するには、作成した実際のコードをサーバー (tomcat.jBoss など) にデプロイする必要があります。
以下に簡単な例を書いてください

jsコードtest.js(ワーカー)

function messageHandler(e) { 
postMessage("worker says: " + e.data + " too"); 
} 
addEventListener("message", messageHandler, true); 
postMessage("2222222222");
ログイン後にコピー

htmlコード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 中国語 Web サイト (m.sbmmt.com)!


関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート