Visual Web Developer 2008 Express Editionになって、JavaScriptデバッガがまともに使えるようになった気がする。

今日からVisual Studio 2008 Express Editionのダウンロードが開始されたので、早速Visual Web Developerをインストール→JavaScriptデバッガの動きを確認してみた。

ひとまずインストール

2005はisoイメージしかなかったけど、オンラインインストールが基本になったぽい。

• Visual Studio 2008 Express Editions

でも、オフラインでもインストールできるようにDVD isoイメージも配布してるですね。

デバッガの設定方法と使い方

2005と2008で設定方法に変化はないようだ。

1. Visual Web Developerを起動する。
2. 「Webサイトを開く」を選択
   
   vwd_debug_1 posted by (C)terurou
3. デバッグ対象ページを選択する（ここではローカルファイルを使う）
   
   vwd_debug_2 posted by (C)terurou
4. なんかアラートが出る場合、OKしとく
   
   vwd_debug_3 posted by (C)terurou
5. メニューの「Webサイト -> 開始オプション」を選択
   
   vwd_debug_4 posted by (C)terurou
6. 開始オプションのデバッガの「ASP.NET」のチェックをはずす
   
   vwd_debug_5 posted by (C)terurou
7. ビルドの「スタートアップページの前に実行する動作」を「ビルドなし」に、ビルドソリューションの動作の「ソリューションの一部としてWebサイトをビルドする」のチェックをはずす
   
   vwd_debug_6 posted by (C)terurou
8. OKをクリックして、設定を保存する
9. デバッグ開始アイコンをクリック
   
   vwd_debug_7 posted by (C)terurou
10. 初回デバッグ開始時はダイアログが出るので、上の方が選択されている状態のままでOKしとく
    
    vwd_debug_8 posted by (C)terurou
11. これでIEが起動してくるはずだけど、なんかエラーが出る場合は、以下の手順が必要（ここの例はIE6だけど、IE7でも基本的に同じはず）
    
    vwd_debug_alert posted by (C)terurou
    1. IEã‚’èµ·å‹•
    2. メニューの「ツール -> インターネットオプション」を選択
       
       vwd_debug_ie1 posted by (C)terurou
    3. 「詳細設定」タブの「スクリプトのデバッグを使用しない (Internet Explorer)」のチェックをはずす
       
       vwd_debug_ie2 posted by (C)terurou
    4. OKをクリックして、設定を保存する
    5. いったんIEを閉じる
12. あとは好きなところにブレークポイントを仕込だりソースコードを修正して、ブラウザをリロードすればOK。（デバッガは再起動する必要なし）
    
    vwd_debug_10 posted by (C)terurou

2005と2008でどこが変わった？

デバッガを起動した状態でソースコードを編集する事ができて、（デバッガから起動された）IEをリロードするとちゃんと編集した結果が反映されてる。ソースコードを修正する度に必要だったデバッガの再起動が不要になった！
やっとFirebugのデバッガと同じような使い方ができるレベルに達したかな。
もしかしたら、2005でもできてたかもしれないけど、手元から2005環境がなくなってしまったので確認する方法なし。
あー、あとはJavaScriptのインテリセンスがついた事かなぁ。デバッガの再起動がいらなくなったから、Visual Web Developerでコード書くのもありかもしんない。
Visual Web Developerを使うかはともかく、萌ディタからそろそろ他をあたる事を考えたいなぁ。

12/19追記

2005だとJavaScriptエラーが出た時にデバッガの再起動が必要だった。エラーさえでなければ再起動不要だけど…。