prog*sig

■10.0 Introduction

エラーは大きく分けて2種類ある。
一つはデベロッパーによるエラー→ブラウザとデバッガーで問題を見つける
もう一つはユーザーの不正な入力に対するエラー

■10.1 Gracefully Handling No JavaScript Support

JavaScriptがon/offどちらでもページが動くようにする。
noscript要素を使ってJavaScriptがオフでもフィードバックが返すように。

<script type="text/javascript">
document.writeln("<p>Some content</p>");
</script>
<noscript><p>Fall back account</p></noscript>

またform要素が複数あった場合に入力できるものを制限するために隠す事がありますが、JavaScriptがオフの場合を考慮して最初から隠した状態にしておくのはやめましょう。
なので、onloadしてから隠すようにする。

document.getElementById("hidden_elements").style.display="none";

■10.2  Checking for Errors in Functions

場合分けしておかしいときはNaN入れてreturnして、外側でisNaNでチェックするとか原始的な話。

 result = NaN;
 return result;

■10.3  Using an Alert for Simple Debugging

伝統的なalertデバッグ。
HTML要素ならalert(ele.innerHTML)とか

■10.4  Catching an Error and Providing Graceful Error Handling

try...catch

try {
  someFunction(var1);
} catch (e) {
  alert (e.message);
}
finally {
  j = null;
}

■10.5 Initiating Manageable Errors

try...catchと合わせてエラーをthrowする。

if (typeof value == "number") {
    sum+=number;
} else {
   throw new Error("NotANumber");
}

このときnew Errorで作れるError types。

• Exception Handling Statements - MDC

■10.6 Using Firebug with Firefox

Firebug様

■10.8 Firefox and the Console

xqjsのコンソールも良いですよ。

■10.9  Using IE’s Built-in Debugger

IE8の開発者ツールはできがいいと聞きました。

■10.11  Opera’s Dragonfly

safariほど設定が細かくできないが読みやすいとの評価。

■10.13 Turning on Safari’s Development Tools

Web Inspectorはかなり細かい機能まであるよ。
Chromeはほぼ同じ。
詳しくはこれを読むといい。
特集：Google Chrome版Firebug：デベロッパーツール取扱説明書｜gihyo.jp … 技術評論社

何か紹介だけした章。
各ブラウザのデバッグツールとブレークポイントの設定方法を図解で書いてあった。