ホームページ > ウェブフロントエンド > H5 チュートリアル > html5ワーカー例(1) テストがうまくいかない理由_html5チュートリアルスキル

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

WBOY
リリース: 2016-05-16 15:49:28
オリジナル
1519 人が閲覧しました

多くの人は、ワーカー 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

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

;

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