<?xml version="1.0" encoding="UTF-8" ?>
<rss version="2.0">
<channel>
<title><![CDATA[向东博客 专注WEB应用 构架之美 --- 构架之美，在于尽态极妍 | 应用之美，在于药到病除]]></title> 
<link>http://www.jackxiang.com/index.php</link> 
<description><![CDATA[赢在IT，Playin' with IT,Focus on Killer Application,Marketing Meets Technology.]]></description> 
<language>zh-cn</language> 
<copyright><![CDATA[向东博客 专注WEB应用 构架之美 --- 构架之美，在于尽态极妍 | 应用之美，在于药到病除]]></copyright>
<item>
<link>http://www.jackxiang.com/post//</link>
<title><![CDATA[[这个很有用啊微软自带Debugger]如何在ie里面调试js ：microsoft Development Environment，当年Sina邮箱JS高手用它调试到一个Sina博客Js工程师难查的问题！]]></title> 
<author>jack &lt;xdy108@126.com&gt;</author>
<category><![CDATA[WEB2.0]]></category>
<pubDate>Tue, 04 Aug 2009 06:31:33 +0000</pubDate> 
<guid>http://www.jackxiang.com/post//</guid> 
<description>
<![CDATA[ 
	安装好：Visual Studio6，除了VB VC FOXPRO,安装好后：<br/>打开IE，工具--》Internet选项--》高级--》去掉显示友好HTTP错误信息--》显示每个脚本错误的信息打开--》禁用脚本调试-》禁用脚本调试其他给关闭掉。<br/><br/>然后，适当看看下文：<br/><br/> 今天，我想向大家介绍一下 IE 的调试工具，因为经常听到一些刚入门的 JavaScript 开发人员抱怨说，没有好的 JavaScript 开发环境，没有好用的调试器，没有集成的 IDE 工具。2005 年，一个被称做 Aptana 的免费开源项目启动了，但是直到 2006 年底，才为人们所知。新年伊始，对于开发人员来说，这个 Ajax 开发环境无疑是个好消息。<br/>本篇不想介绍这个新生儿，我只是想介绍一个被微软藏着掖着，总也不放到明面儿上，让大家都知道的工具—“Microsoft 脚本编辑器”。当 IE 被升级到 5.5 以上之后，那个所谓的“Windows Script Debugger”其实已经与 IE 的 JavaScript 开发不兼容了，许多对象的属性值根本无法被正确的监视。但是做为替代品，“Microsoft 脚本编辑器”恰恰可以弥补这个不足，它的强大，足以应付 IE 下网页脚本的开发。这个工具被捆绑在“Microsoft Development Environment”环境中，如果你安装有“Microsoft Visual Studio .NET”，或者“Microsoft Office XP(10.0)”以上的版本，你都可以使用这个脚本调试工具。由于这个工具是微软自己开发的，所以运行效率很高，并且与 IE 的兼容性也是最好的。<br/>因为“Microsoft Visual Studio .NET”太大了，所以通过 Office 来安装这个工具，就显得特别有意义。安装此工具的方法比较特殊，因为它是通过“Office Word”来引导安装的。下面，通过安装过程的截图，你可以了解到如何安装这个工具。 <br/><br/>完成上面那个的“Internet 选项”设置之后，关闭所有已经打开的 IE 窗口，然后再运行 IE。你会发现在 IE 的“查看”菜单下，多了一个“脚本调试程序”项，如下图所示<br/><br/>至此，“Microsoft 脚本编辑器”便安装完毕了。当你浏览的网页出现脚本语法错误或实时运行错误时，浏览器将自动弹出如下的窗口，提示你是否调试此错误。<br/><br/>而当你没有安装此工具前，所有的脚本错误只能通过点击浏览器状态栏的左下角，弹出错误提示窗口来查看，而这显然是“幼稚”的方法，起到的作用也如“盲人摸象”一般。<br/>虽然这个工具可以用来解决脚本运行时的错误，但有时我们只想跟踪程序的逻辑，或者熟悉 DOM 对象的 API。也许被跟踪的代码任何错误也没有，或者我们只想看看在某一时刻，某个 DOM 对象的某个属性是否能被访问。在所有的语言调试环境中，通用的方法就是设置“断点”，而这个工具对于“断点”的支持不像 Firebug 或 <a href="https://addons.mozilla.org/firefox/216/" target="_blank">JavaScrip Debugger</a> 那样好，可以调出已经装载在当前网页中的任何脚本，以便随时的添加断点。所以，利用“Microsoft 脚本编辑器”动态地设置脚本断点，来进行跟踪调试是非常不方便的。对于这种情况，我们需要在代码中人为地制造一些断点，达到方便调试的目的。比如，有如下的代码片段<br/>&lt;script&gt;&nbsp;&nbsp;&nbsp;&nbsp;var person = &#123;name: &quot;Lewis&quot;, gender: &quot;male&quot;, blogURL: &quot;http://www.lewislv.org&quot;&#125;;&nbsp;&nbsp;&nbsp;&nbsp;var years = [2000, 2001, 2002, 2004, 2005, 2006];&nbsp;&nbsp;&nbsp;&nbsp;person.employmentYears = years;&lt;/script&gt;<br/>以上是一段语法正确的 JavaScript 代码。然而，初学者可能只是想了解对象是如何被实例化，代码是如何被运行的。IE 的 JavaScript 解释器提供了一个保留的 debugger 语句（VBScript 调试的等价关键字是 stop），它可以告诉浏览器调出调试程序，以此达到设置断点的目的。对于上面的代码，假设我想了解一下 person 对象和 years 数组的存储结构，那么我可以在代码的入口处添加一条 debugger 语句，更改后的代码片段如下<br/>&lt;script&gt;&nbsp;&nbsp;&nbsp;&nbsp;debugger&nbsp;&nbsp;&nbsp;&nbsp;var person = &#123;name: &quot;Lewis&quot;, gender: &quot;male&quot;, blogURL: &quot;http://www.lewislv.org&quot;&#125;;&nbsp;&nbsp;&nbsp;&nbsp;var years = [2000, 2001, 2002, 2004, 2005, 2006];&nbsp;&nbsp;&nbsp;&nbsp;person.employmentYears = years;&lt;/script&gt;<br/>当代码在浏览器中被装载并运行时，它会解释 debugger 语句，弹出是否调试的窗口。同样，我做了一些截图，用来演示如何达到查看变量存储结构的目的。<br/><br/><br/><br/><br/>此时，断点停留在 alert(a) 那一行，其实这一行是故意添加的错误代码，只是为了产生一个断点。因此，可以像下图那样，跳过此行代码的执行，直接转到给 person 对象赋值那一行。<br/><br/>之后，我们可以像下图那样，对 person 对象和 years 数组添加监视，以便观察它们的存储结构。<br/><br/><br/>现在，我们可以“逐语句”的单步执行了，这样被监视变量的每一次细微变化，都可以被监视得一清二楚。<br/><br/><br/><br/>“工欲善其事，必先利其器”，“君子性非异也，善假于物也”，说得都是这个道理。好了，希望那些在 IE 下开发 JavaScript 的程序员，不会再抱怨没有好的调试工具了，因为利器就在你手中。 <br/><br/>本文来自CSDN博客，转载请标明出处：http://blog.csdn.net/niatwangcong/archive/2008/12/09/3483919.aspx<br/><br/><br/>------------------------------------------------------------------------------------------------------------------------------------------------------------<br/>核实一下是不是和这个工具是一个呢？<br/>Microsoft Script Editor 是一个不错的js编辑器。office自带。但如果安装office时选择安装这个工具就调不了出来了。如果发现C:&#92;Program Files&#92;Microsoft Office&#92;Office11&#92; 目录下面没有 MSE7.EXE （2007是在&quot;X:&#92;Program Files&#92;Common Files&#92;Microsoft Shared&#92;OFFICE12&quot;中）<br/><br/>那么就需要安装了<br/><br/>&nbsp;&nbsp;&nbsp;&nbsp; 在Word菜单中点击：“工具”–&gt;宏–&gt;Microsoft脚本编辑器，然后就会提示安装了<br/><br/> http://blog.csdn.net/linqingfeng/archive/2007/11/17/1889484.aspx JavaScript跨浏览器调试方法 <br/><br/>http://tlcheng.twbbs.org/TLCheng/Basic/vbs/mde7/&nbsp;&nbsp;Microsoft Script Editor 編輯器<br/><br/>http://www.javaeye.com/topic/101986 使用MSE调试js攻略<br/><br/>Microsoft Office默认不安装Microsoft Script Editor，因此需要用户手动添加。选择 &quot;Microsoft 脚本编辑器&quot;命令后，Microsoft Office会提示用户安装&quot;Web脚本创作&quot;，并要求用户确认。用户确认后，Microsoft Office自动搜索Microsoft Office安装盘上的&quot;Web脚本创作&quot;安装文件。搜索成功后，Microsoft Office自动完成安装。安装完成后，系统会打开Microsoft Script Editor界面，同时系统会自动把当前文件转换成HTML格式，如图1.20所示。此时Microsoft Script Editor基本安装完毕，用户可以在Microsoft Script Editor中编辑JavaScript脚本。<br/>Office10怎么安装的问题：http://blog.csdn.net/lfsfxy9/article/details/7863953&nbsp;&nbsp;摘录：<br/> 这个脚本工具是Office中默认安装的，或许我们在安装的时候没有留意到，如果我们在&#92;CommonFiles&#92;microsoft shared&#92;OFFICE12 下找不到这个MSE7.exe文件，则可以在我们的Office安装包中重新安装。<br/> <br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;对于Microsoft Script Editor ，Office2010已经不提供集成使用(Office07提供集成)，但是依旧会提供安装，只是独立进行使用。<br/> <br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 我们可以选择重新安装，以下为07示例，大家也可以用10安装该工具。<br/><br/>&nbsp;&nbsp;ps:<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Microsoft Office 2010 套件中已移除與 MicrosoftScript Editor 的整合：http://office.microsoft.com/zh-tw/excel-help/HA010342994.aspx<br/><br/>描述如下：Microsoft Office 2010 套件中已移除與 Microsoft Script Editor 的整合，也就是說，Excel 2010 中已不再提供指令碼偵錯元件。不過，Microsoft Script Editor 仍會隨 Office 2010 一起安裝，您仍可使用 Microsoft Script Editor，並以獨立程式的方式來編輯 HTML 檔案。
]]>
</description>
</item><item>
<link>http://www.jackxiang.com/post//#blogcomment</link>
<title><![CDATA[[评论] [这个很有用啊微软自带Debugger]如何在ie里面调试js ：microsoft Development Environment，当年Sina邮箱JS高手用它调试到一个Sina博客Js工程师难查的问题！]]></title> 
<author> &lt;user@domain.com&gt;</author>
<category><![CDATA[评论]]></category>
<pubDate>Thu, 01 Jan 1970 00:00:00 +0000</pubDate> 
<guid>http://www.jackxiang.com/post//#blogcomment</guid> 
<description>
<![CDATA[ 
	
]]>
</description>
</item>
</channel>
</rss>