Microsoft Script Editorを使ったIEで動作しているJavaScriptをデバックする方法
2007-12-07 09:39
309 查看
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から解放。
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から解放。
相关文章推荐
- BX9029: IE 和 Firefox 可以通过特定方法使 innerHTML 方法载入的 SCRIPT 标签中的 JavaScript 代码在页面加载后也可以执行
- Companion.JS 与 Microsoft Script Debugger 结合IE javaScript 调试工具
- JavaScript 操作Cookie的方法(IE版本的)
- IE和Firefox 在JavaScript方面的不兼容及统一方法总结
- Javascript 兼容IE 预览本地上传图片方法
- 使用Microsoft Ajax Minifier减小JavaScript文件大小的方法
- eWebEditor不支持IE,IE8,IE7,火狐,遨游的解决方法
- 未能正确加载 ”Microsoft.VisualStudio.Editor.Implementation.EditorPackate“包错误解决方法
- IE 和 Firefox 可以通过特定方法使 innerHTML 方法载入的 SCRIPT 标...
- Visual Studio 2010 + IE 9无法断点调试JavaScript的解决方法
- javascript获取textarea光标选择位置和内容方法(IE, Firefox)
- 在WebBrowser中执行javascript脚本的几种方法整理(execScript/InvokeScript/NavigateScript) 附完整源码
- IE中调试javascript的方法
- IE和Firefox(火狐)在JavaScript方面的不兼容及统一方法
- JavaScript在IE和Firefox上的差异及相互替代的实现方法第1/2页
- javascript在IE下trim函数无法使用的解决方法
- IE和Firefox(火狐)在JavaScript方面的不兼容及统一方法
- JavaScript js 兼容浏览器问题 兼容FireFox(FF)、IE的解决方法
- VS2012出现 未能正确加载“Microsoft.VisualStudio.Editor.Implementation.EditorPackage“问题的解决方法
- 加速IE的Javascript document输出的方法