[这个很有用啊微软自带Debugger]如何在ie里面调试js :microsoft Development Environment,当年Sina邮箱JS高手用它调试到一个Sina博客Js工程师难查的问题!

jackxiang 2009-8-4 14:31 | |
安装好:Visual Studio6,除了VB VC FOXPRO,安装好后:
打开IE,工具--》Internet选项--》高级--》去掉显示友好HTTP错误信息--》显示每个脚本错误的信息打开--》禁用脚本调试-》禁用脚本调试其他给关闭掉。

然后,适当看看下文:

今天,我想向大家介绍一下 IE 的调试工具,因为经常听到一些刚入门的 JavaScript 开发人员抱怨说,没有好的 JavaScript 开发环境,没有好用的调试器,没有集成的 IDE 工具。2005 年,一个被称做 Aptana 的免费开源项目启动了,但是直到 2006 年底,才为人们所知。新年伊始,对于开发人员来说,这个 Ajax 开发环境无疑是个好消息。
本篇不想介绍这个新生儿,我只是想介绍一个被微软藏着掖着,总也不放到明面儿上,让大家都知道的工具—“Microsoft 脚本编辑器”。当 IE 被升级到 5.5 以上之后,那个所谓的“Windows Script Debugger”其实已经与 IE 的 JavaScript 开发不兼容了,许多对象的属性值根本无法被正确的监视。但是做为替代品,“Microsoft 脚本编辑器”恰恰可以弥补这个不足,它的强大,足以应付 IE 下网页脚本的开发。这个工具被捆绑在“Microsoft Development Environment”环境中,如果你安装有“Microsoft Visual Studio .NET”,或者“Microsoft Office XP(10.0)”以上的版本,你都可以使用这个脚本调试工具。由于这个工具是微软自己开发的,所以运行效率很高,并且与 IE 的兼容性也是最好的。
因为“Microsoft Visual Studio .NET”太大了,所以通过 Office 来安装这个工具,就显得特别有意义。安装此工具的方法比较特殊,因为它是通过“Office Word”来引导安装的。下面,通过安装过程的截图,你可以了解到如何安装这个工具。

完成上面那个的“Internet 选项”设置之后,关闭所有已经打开的 IE 窗口,然后再运行 IE。你会发现在 IE 的“查看”菜单下,多了一个“脚本调试程序”项,如下图所示

至此,“Microsoft 脚本编辑器”便安装完毕了。当你浏览的网页出现脚本语法错误或实时运行错误时,浏览器将自动弹出如下的窗口,提示你是否调试此错误。

而当你没有安装此工具前,所有的脚本错误只能通过点击浏览器状态栏的左下角,弹出错误提示窗口来查看,而这显然是“幼稚”的方法,起到的作用也如“盲人摸象”一般。
虽然这个工具可以用来解决脚本运行时的错误,但有时我们只想跟踪程序的逻辑,或者熟悉 DOM 对象的 API。也许被跟踪的代码任何错误也没有,或者我们只想看看在某一时刻,某个 DOM 对象的某个属性是否能被访问。在所有的语言调试环境中,通用的方法就是设置“断点”,而这个工具对于“断点”的支持不像 Firebug 或 JavaScrip Debugger 那样好,可以调出已经装载在当前网页中的任何脚本,以便随时的添加断点。所以,利用“Microsoft 脚本编辑器”动态地设置脚本断点,来进行跟踪调试是非常不方便的。对于这种情况,我们需要在代码中人为地制造一些断点,达到方便调试的目的。比如,有如下的代码片段
<script>    var person = {name: "Lewis", gender: "male", blogURL: "http://www.lewislv.org"};    var years = [2000, 2001, 2002, 2004, 2005, 2006];    person.employmentYears = years;</script>
以上是一段语法正确的 JavaScript 代码。然而,初学者可能只是想了解对象是如何被实例化,代码是如何被运行的。IE 的 JavaScript 解释器提供了一个保留的 debugger 语句(VBScript 调试的等价关键字是 stop),它可以告诉浏览器调出调试程序,以此达到设置断点的目的。对于上面的代码,假设我想了解一下 person 对象和 years 数组的存储结构,那么我可以在代码的入口处添加一条 debugger 语句,更改后的代码片段如下
<script>    debugger    var person = {name: "Lewis", gender: "male", blogURL: "http://www.lewislv.org"};    var years = [2000, 2001, 2002, 2004, 2005, 2006];    person.employmentYears = years;</script>
当代码在浏览器中被装载并运行时,它会解释 debugger 语句,弹出是否调试的窗口。同样,我做了一些截图,用来演示如何达到查看变量存储结构的目的。




此时,断点停留在 alert(a) 那一行,其实这一行是故意添加的错误代码,只是为了产生一个断点。因此,可以像下图那样,跳过此行代码的执行,直接转到给 person 对象赋值那一行。

之后,我们可以像下图那样,对 person 对象和 years 数组添加监视,以便观察它们的存储结构。


现在,我们可以“逐语句”的单步执行了,这样被监视变量的每一次细微变化,都可以被监视得一清二楚。



“工欲善其事,必先利其器”,“君子性非异也,善假于物也”,说得都是这个道理。好了,希望那些在 IE 下开发 JavaScript 的程序员,不会再抱怨没有好的调试工具了,因为利器就在你手中。

本文来自CSDN博客,转载请标明出处:http://blog.csdn.net/niatwangcong/archive/2008/12/09/3483919.aspx


------------------------------------------------------------------------------------------------------------------------------------------------------------
核实一下是不是和这个工具是一个呢?
Microsoft Script Editor 是一个不错的js编辑器。office自带。但如果安装office时选择安装这个工具就调不了出来了。如果发现C:\Program Files\Microsoft Office\Office11\ 目录下面没有 MSE7.EXE (2007是在"X:\Program Files\Common Files\Microsoft Shared\OFFICE12"中)

那么就需要安装了

     在Word菜单中点击:“工具”–>宏–>Microsoft脚本编辑器,然后就会提示安装了

http://blog.csdn.net/linqingfeng/archive/2007/11/17/1889484.aspx JavaScript跨浏览器调试方法

http://tlcheng.twbbs.org/TLCheng/Basic/vbs/mde7/  Microsoft Script Editor 編輯器

http://www.javaeye.com/topic/101986 使用MSE调试js攻略

Microsoft Office默认不安装Microsoft Script Editor,因此需要用户手动添加。选择 "Microsoft 脚本编辑器"命令后,Microsoft Office会提示用户安装"Web脚本创作",并要求用户确认。用户确认后,Microsoft Office自动搜索Microsoft Office安装盘上的"Web脚本创作"安装文件。搜索成功后,Microsoft Office自动完成安装。安装完成后,系统会打开Microsoft Script Editor界面,同时系统会自动把当前文件转换成HTML格式,如图1.20所示。此时Microsoft Script Editor基本安装完毕,用户可以在Microsoft Script Editor中编辑JavaScript脚本。
Office10怎么安装的问题:http://blog.csdn.net/lfsfxy9/article/details/7863953  摘录:
这个脚本工具是Office中默认安装的,或许我们在安装的时候没有留意到,如果我们在\CommonFiles\microsoft shared\OFFICE12 下找不到这个MSE7.exe文件,则可以在我们的Office安装包中重新安装。

        对于Microsoft Script Editor ,Office2010已经不提供集成使用(Office07提供集成),但是依旧会提供安装,只是独立进行使用。

       我们可以选择重新安装,以下为07示例,大家也可以用10安装该工具。

  ps:
       Microsoft Office 2010 套件中已移除與 MicrosoftScript Editor 的整合:http://office.microsoft.com/zh-tw/excel-help/HA010342994.aspx

描述如下:Microsoft Office 2010 套件中已移除與 Microsoft Script Editor 的整合,也就是說,Excel 2010 中已不再提供指令碼偵錯元件。不過,Microsoft Script Editor 仍會隨 Office 2010 一起安裝,您仍可使用 Microsoft Script Editor,並以獨立程式的方式來編輯 HTML 檔案。

作者:jackxiang@向东博客 专注WEB应用 构架之美 --- 构架之美,在于尽态极妍 | 应用之美,在于药到病除
地址:http://jackxiang.com/post/1888/
版权所有。转载时必须以链接形式注明作者和原始出处及本声明!


最后编辑: jackxiang 编辑于2012-11-30 14:22
评论列表
发表评论

昵称

网址

电邮

打开HTML 打开UBB 打开表情 隐藏 记住我 [登入] [注册]