22
20

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

WebWorkerのデバッグで覚えておかないと面倒なこと

Last updated at Posted at 2014-06-05

##はじめに
HTML5から並列処理を行えるようになりました。
まだ使い始めなのですが、ハマって面倒だったことが合ったので、
備忘も兼ねて書いておきます。
自分で書けば・・・    恥を晒して・・・ 

##何が面倒か
「デバッグ」。気づくまではconsole.logとかでやんないといけないの?
とアホなことを考えてみました。でもGoogle Expert SeriesのHTML5の本にも
載っていないし、痒いところに手が届いていない感じでした。
方法は簡単、というか気づけば何の問題もありません。

##WebWorkerの並列処理をデバッグする
ちょっと見づらいですが、開発者ツールからいけます。
Sourceタブを開いて、下記の画像の赤い枠を見て下さい。
1,Pause on start にチェックを入れておくと、WebWorkerの初期化時に
  WebWorker用の開発者ツールがもう一つ出てきます。
2,Dedicated worker inspectors に現れるリンクを押すと、
  初期化済みのWorkerの開発者ツールが開きます。
devtool.png

##SharedWorker
共有ワーカーです。ここにも書いたhttp://azumaxlife.smile-systems.com/archives/995
んですが、いまいち簡単でイケてる用途が出てきていません。そのうち実例を書きます。
デバッグ方法は以下です。
1,chrome://inspect/#workers にアクセス
2,下記の写真みたいなのが出るので、inspectをクリック
worker.png

より良いWebWorker生活をお過ごしくださいw

22
20
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
22
20

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?