html5 worker 實例(一) 為什麼測試不到效果_html5教學技巧

很多人在測試worker api的時候，總是會出現異常，根本測試不到效果。
在使用worker的時候有個必須注意的地方，就是單純的文字檔案是實作不了worker的，你寫的實際程式碼 必須部署到伺服器（tomcat.jBoss等）才能運作worker api。
下面寫個簡單範例

js程式碼test.js（worker）

複製程式碼

複製程式碼

複製程式碼


程式碼如下:


function messageHandler(e) {

postMessage("worker says: " e.data " too");
} }
} }
}

}

} } } } }

}

}

}
}
}
}
}
}
}
}
}
}
} addEventListener("message", messageHandler, true);
postMessage("222222222");



html程式碼index.html


html程式碼index.html



複製程式碼


程式碼如下:

不是之後直接存取index.html頁面，然後在瀏覽器的console面板中將看到worker發送的字串（實際應用中一般使用json傳送）。