Microsoft Script Editorを使ったIEで動作しているJavaScriptをデバックする方法

最新推荐文章于 2025-08-05 15:55:30 发布

转载最新推荐文章于 2025-08-05 15:55:30 发布 · 2k 阅读

文章标签：

#microsoft #javascript #ie #firebug #internet #firefox

0-05.JavaScript 专栏收录该内容

7 篇文章

订阅专栏

本文介绍了一种使用Microsoft Script Editor进行Internet Explorer中的JavaScript调试的方法。通过详细的步骤指导，帮助开发者解决浏览器兼容性问题，提高调试效率。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

Webアプリの開発をしていて、FireFoxにFirebugを使ってデバックしているのだけど、どうしてもブラウザ実装の差異でIEでは動かない場面が出てきてしまう。これまでIEでデバックするときは古典的な方法でalertを使いせっせと変数の値を参照していたのだけど、どうしても面倒になってしまう。
IEではJavaScriptでエラーになったときに表示される警告ダイアログ内の行と文字を見ても、問題となった箇所へたどり着くのが困難な場合が多いので、Office2003に入っているMicrosoft Script Editorを使うとデバッガが立ち上がりエラーの箇所を示してくれる。でも、変数の値を参照できない（？）のでデバッガが立ち上がったからといって問題を解決できている状況でもない。
この状況で、IEでのデバックの効率を上げるために数日模索していた結果、Microsoft Script Editorを使いブレイクポイントを設定してデバックする方法が分かったので、その手順を記録しておく。

あっ。Visitual Stadioをいう案もあるのかもしれないけど、JavaScriptをデバックするためだけにあんな重たいものをインストールするのは無し。

Microsoft Script Editorのインストール。英語だけどHOW-TO: Debug Javsscript in Internet Explorerを参考
IEを起動して、デバックしたいページへ遷移
Microsoft Script Editorはスタートメニューに登録されないので、「名前を指定して実行」からバイナリーを直接起動C:/Program Files/Microsoft Office/OFFICE11/MSE7.EXE
「デバック」→「プロセス」を選択して、プロセス一覧を表示
プロセス一覧のタイトルにはウィンドウのタイトルが出ているので、これを頼りにIEのプロセスを特定して、「アッタチ(A)」ボタンを押す。
「プロセスにアッタチ」というウィンドウが表示されるので、そのまま「OK」。
アッタチしたら、プロセス一覧のウィンドウは必要ないので閉じる。
「デバック」→「ウィンドウ」から「実行中のドキュメント」を選択して、「実行中のドキュメント」を表示する。
「実行中のドキュメント」からデバックしたいJavaScriptのソースファイルを選択（ダブルクリック）する。
ソースコードが表示されるので目的の場所へブレークポイントを設定。
アッタチされたIEから操作を行なうと、ブレークポイントで停止する。この後は、ウォッチとステップ実行でデバックを進める
終るときは、「デバッグ」→「すべてデタッチ」を選択して、IEのプロセスをMiscsoft Script Editorから解放。