js调试工具_百度文库

1、窗体顶端重复容易，改变很难java,不错的玩具 BlogJava    首页    新文章    新随笔    聚合    管理 posts - 21,  comments - 21,  trackbacks - 0 Internet Explorer 下的脚本调试器          今天，我想向大家介绍一下 IE 的调试工具，因为经常

2、听到一些刚入门的 JavaScript 开发人员抱怨说，没有好的 JavaScript 开发环境，没有好用的调试器，没有集成的 IDE 工具。2005 年，一个被称做 Aptana 的免费开源项目启动了，但是直到 2006 年底，才为人们所知。新年伊始，对于开发人员来说，这个 Ajax 开发环境无疑是个好消息。本篇不想介绍这个新生儿，我只是想介绍一个被微软藏着掖着，总也不放到明面儿上，让大家都知道的工具“Microsoft 脚本编辑器”。当 IE 被升级到 5.5 以上之后，那个所谓的“Windows Script Debugger”其实已经与 IE 的 JavaScript 开发不兼容了，许

3、多对象的属性值根本无法被正确的监视。但是做为替代品，“Microsoft 脚本编辑器”恰恰可以弥补这个不足，它的强大，足以应付 IE 下网页脚本的开发。这个工具被捆绑在“Microsoft Development Environment”环境中，如果你安装有“Microsoft Visual Studio .NET”，或者“Microsoft Office XP(10.0”以上的版本，你都可以使用这个脚本调试工具。由于这个工具是微软自己开发的，所以运行效率很高，并且与 IE 的兼容性也是最好的。因为“Microsoft Visual Studio .NET”太大了，所以通过 Office 来安

4、装这个工具，就显得特别有意义。安装此工具的方法比较特殊，因为它是通过“Office Word”来引导安装的。下面，通过安装过程的截图，你可以了解到如何安装这个工具。完成上面那个的“Internet 选项”设置之后，关闭所有已经打开的 IE 窗口，然后再运行 IE。你会发现在 IE 的“查看”菜单下，多了一个“脚本调试程序”项，如下图所示至此，“Microsoft 脚本编辑器”便安装完毕了。当你浏览的网页出现脚本语法错误或实时运行错误时，浏览器将自动弹出如下的窗口，提示你是否调试此错误。而当你没有安装此工具前，所有的脚本错误只能通过点击浏览器状态栏的左下角，弹出错误提示窗口来查看，而这显然是“幼

5、稚”的方法，起到的作用也如“盲人摸象”一般。虽然这个工具可以用来解决脚本运行时的错误，但有时我们只想跟踪程序的逻辑，或者熟悉 DOM 对象的 API。也许被跟踪的代码任何错误也没有，或者我们只想看看在某一时刻，某个 DOM 对象的某个属性是否能被访问。在所有的语言调试环境中，通用的方法就是设置“断点”，而这个工具对于“断点”的支持不像 Firebug 或 JavaScrip Debugger 那样好，可以调出已经装载在当前网页中的任何脚本，以便随时的添加断点。所以，利用“Microsoft 脚本编辑器”动态地设置脚本断点，来进行跟踪调试是非常不方便的。对于这种情况，我们需要在代码中人为地制造一

6、些断点，达到方便调试的目的。比如，有如下的代码片段var person = name: "Lewis", gender: "male", blogURL: "" var years = 2000, 2001, 2002, 2004, 2005, 2006; person.employmentYears = years; 以上是一段语法正确的 JavaScript 代码。然而，初学者可能只是想了解对象是如何被实例化，代码是如何被运行的。IE 的 JavaScript 解释器提供了一个保留的 de

7、bugger 语句（VBScript 调试的等价关键字是 stop），它可以告诉浏览器调出调试程序，以此达到设置断点的目的。对于上面的代码，假设我想了解一下 person 对象和 years 数组的存储结构，那么我可以在代码的入口处添加一条 debugger 语句，更改后的代码片段如下debugger var person = name: “Lewis”, gender: “male”, blogURL: “”; var years = 2000, 2001, 2002, 2004, 2005, 2006; person.employmentYears

8、 = years; 当代码在浏览器中被装载并运行时，它会解释 debugger 语句，弹出是否调试的窗口。同样，我做了一些截图，用来演示如何达到查看变量存储结构的目的此时，断点停留在 alert(a 那一行，其实这一行是故意添加的错误代码，只是为了产生一个断点。因此，可以像下图那样，跳过此行代码的执行，直接转到给 person 对象赋值那一行。现在，我们可以“逐语句”的单步执行了，这样被监视变量的每一次细微变化，都可以被监视得一清二楚。“工欲善其事，必先利其器”，“君子性非异也，善假于物也”，说得都是这个道理。好了，希望那些在 IE 下开发 JavaScript 的程序员，不会再抱怨没有好的调

9、试工具了，因为利器就在你手中。 posted on 2007-07-20 13:46 分享爱的空间 阅读(875 评论(0  编辑  收藏 新用户注册  刷新评论列表  盛大Bambook程序达人赛IT新闻：· Android应用总数非官方统计达到20万· 开开街旁开放API背后：LBS从工具向社区转型· PHPCMS V9正式版今日火爆上市 坚持开源开放· 美法官裁定SAP必须向甲骨文支付判决前利息· Mozilla网站意外曝光4.4万用户隐私信息博客园  博问 

10、 IT新闻  Java程序员招聘 标题请输入标题姓名请输入你的姓名主页请输入验证码 验证码*  内容(请不要发表任何与政治相关的内容 请输入评论内容Remember Me?  登录       使用Ctrl+Enter键可以直接提交每天10分钟，轻松学英语 推荐职位：· .NET 开发工程师 (北京世纪英博· .NET 高级软件工程师 (苏州统购信息· 网站运营人员(苏州统购信息· .NET开发工程师(北京网路时代· 急聘.NET/Web开发工程

11、师(武汉百纳信息技术· .NET开发工程师(上海盖世网络· Windows底层开发工程师(C+(北京网路时代· 北京中级.NET工程师(北京盛安德博客园首页随笔：· 取得祖先元素2· 一起学Windows phone7开发系列视频课程· 获奖公告“博客无双”12月27日第一期获奖名单· Windows API Code Pack V1.1· C#基础备忘13-接口知识库：· perl工具· 也谈ASP.NET 中的身份验证· 成功软件项目管理的奥秘· 详解数据库中的分页、内存

12、和I/O延迟· VS调试Tip集结最简洁阅读版式：Internet Explorer 下的脚本调试器网站导航: 博客园   IT新闻   知识库   博客生活   IT博客网   C+博客   博问   管理  <2010年12月>日一二三四五六2829301234567891011121314151617181920212223242526272829303112345678常用链接 我的随笔 我的评论 我的参与 最新评论

13、 留言簿(4 给我留言 查看公开留言 查看私人留言 随笔档案 2009年5月 (1 2009年4月 (1 2009年2月 (1 2008年12月 (1 2008年10月 (2 2008年7月 (2 2008年5月 (1 2008年3月 (1 2008年2月 (2 2008年1月 (2 2007年12月 (1 2007年8月 (1 2007年7月 (2 2007年6月 (1 2007年5月 (1 文章档案 2009年2月 (1 2008年10月 (2 2008年7月 (1 2008年3月 (1 2008年2月 (1 2007年11月 (2 2007年8月 (1 2007年7月 (1 2007年6

14、月 (1 2007年5月 (4 相册 aa 搜索   最新评论 1. re: 如何在web.xml文件中引入其他的xml文件未登录 经过验证，使用相对路径时，确实是会去找tomcat/bin目录 -ECHO 2. re: 在resin服务器上使用gzip压缩 评论内容较长,点击标题查看 -遥方 3. re: 在resin服务器上使用gzip压缩 你好，我这样配置了怎么没有压缩呢？能否细谈下我的邮箱hkebao -hkebao 4. re: 如何在web.xml文件中引入其他的xml文件 评论内容较长,点击标题查看 -分享爱的空间 5. re: 如何在web.xml文件中引入其他的xml文件 评论内容较长,点击标题查看 -G 阅读排行榜 1. 在eclipse中添加自定义的注释(2434 2. 如何利用eclipse实现批量修改文件的编码方式(2398 3. oracle存储过程中数组的使用(2348 4. linux压缩和解压缩命令大全(2065 5. 用oracle客户端软件查看oracle