html5ワーカー例(1) テストがうまくいかない理由_html5チュートリアルスキル

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

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

コードをコピー

コードは次のとおりです。

function messageHandler(e) {
postMessage("worker thought: " e.data " too");
addEventListener("message", messageHandler, true);
postMessage("2222222222");

html コードindex.html

コードをコピーしますコードは次のとおりです:

;



🎜>-->
body>
< ;script type="text/javascript">
if(typeof(Worker)!=="未定義"){
console.log("zhichi worke"); }else{
console.log("no support!");
}
function messageHandler(e){
console.log(e.data); errorHandler(e){
console.log(e.message, e);
var myWorker = new Worker("task.js");
myWorker.addEventListener("message", messageHandler, true);
myWorker.addEventListener("error", errorHandler, true);
;
< /html>


その後、index.html ページに直接アクセスする代わりに、ワーカーによって送信された文字列がブラウザのコンソール パネルに表示されます (通常、json 送信は実際のアプリケーションで使用されます）。