chromeのConsoleで処理を停止するほうほう

Question

デバッグの時に、chromeのconsoleで無限ループしてしまったJavascriptなどを停止させる方法を教えて下さい。

Answer 1

while(1) {
  console.log(1);
}

のようにループしてしまった場合はページ全体が固まったようになってしまい、タブを強制的に閉じるしかないと思います。

デバッグの時に使えるか分かりませんが、whileループ処理を書くにはsetIntervalを使うといいと思います。

JavaScriptにはsleep関数がないので、setIntervalを使い、以下のように0.1秒おきに繰り返す処理を書くとsleep関数と同等に書けます。この場合は負荷が高くありません。

setInterval(function() {
	console.log(1);
}, 100);

ちなみにsetIntervalの戻り値をclearIntervalすることで繰り返しを止めることも出来ます。

var count = 0;
var interval_id = setInterval(function() {
	console.log(count++);
	if(count > 10) {
	  clearInterval(interval_id);
	}
}, 100);

Answer 2

特定のタブが応答しなくなった場合は、Shift+EscでChromeのタスクマネージャが開くようであれば、そこから強制終了できるかもしれません。この場合はそのタブが消えてしまいますが…