用微软 IE 8 Beta 调试 JavaScript

对开发人员来说,相比较起 Firefox 来,IE最大的缺点,就是连个JavaScript调试器都不好使(勉强也算有了)。还好,最近,微软推出了IE8 Beta的下载,地址在http://www.microsoft.com/windows/products/winfamily/ie/ie8/default.mspx

它的新特性包括:

1. CSS 2.1支持。微软决定在这个领域完全遵守W3C标准,放弃一定的向后兼容性。
2. CSS Certification。IE8将全面通过CSS标准的测试和认证。
3. 性能。IE8的性能有巨大提升,甚至略好于Firefox 3 Beta。
4. HTML 5支持。IE8全面支持HTML5标准,实现诸如Ajax页面的回退,本地页面缓存等关键功能。
能够在网络不通时将整个页面缓存(避免原来填入内容提交后报错,却无法返回)
5. 开发支持。IE8将内置调试器,不但可以方便地调试Javascript代码,而且可以在调试状态下通过点击查找与该页面元素相应的HTML/CSS/Javascript代码段,大大提升开发效率。

其它功能等等....

可以看到微软终于向 W3C 标准靠齐了,也许以后大家写网页就不用费劲的特意调试不同的浏览器下的效果了。

而第5条的内置调试器大概是最大的福音了,要知道以前的版本都必须单独下载IE调试器,而且用法古怪,调试完毕后退出调试器还会把主窗口也给关了。

先看看IE 8的界面:

它还提供了模拟IE7界面的功能按钮:Emulate IE 7。点击工具栏上的 Developer Tools 即可启动开发人员工具窗口,如下图所示:

。之后就可以打开页面进行调试了。调试的方法之一是在左侧源码窗行号上单击设置断点,然后执行到被设置断点的代码。另一种方式呢,则是使用JavaScript中的一个关键字:debugger。例如下面我们做了个能够自动触发调试器的页面:

<script>
function test() {
  var a=1;
  var b=2;

debugger;
  alert(a+b);
}
</script>

<input type=button οnclick="test();" value="启动调试器">

然后用IE8打开此页面,点击页面中出现的启动调试器按钮,再看调试器窗口:

。我想过多的话已经不需要再说了,使用Step Into,Step Over, Step Out等可以控制单步执行,一行行的调试代码,观察变量取值,添加监视(Watch)等,的确是比以前方便多了。

要结束调试,点击Stop Debugging 按钮即可,原来的进程还在,再也不会出现以前的调试器一停止,整个IE进程都退出的尴尬局面了。

整体感觉,推荐试试!下载包14.4MB(XP版本,需要SP2)。

用微软 IE 8 Beta 调试 JavaScript相关推荐

  1. 【转】调试JavaScript 错误的解决方案

    A  使用alert() 和document.write() 方法监视变量值 如果要中断代码的运行,监视变量的值,则使用alert() 方法: 如果需要查看的值很多,则使用document.write ...

  2. 在 IE 中调试 JavaScript

    简介 虽然越来越多的用户转向使用 FireFox 等非 IE 内核浏览器,但是 Internet Explorer(IE, 6 以及后续版本 ) 仍然有着超过 50% 的市场占有率,大部分产品产品都需 ...

  3. VS Code - Debugger for Chrome调试JavaScript的两种方式

    VS Code - Debugger for Chrome调试JavaScript的两种方式 最近由于出差的缘故,博客写的不是很多,一直想写一篇VS Code - Debugger for Chrom ...

  4. [转] 用Firebug调试JavaScript

    转载自: http://blog.csdn.net/xmphoenix/article/details/6299898 在本章里,我们将讨论Firebug提供的,以支持JavaScript的开发.调试 ...

  5. VS2010Web默认的浏览器设置和VS里调试JavaScript代码的设置

    前言 重装系统后,VS调用的Web浏览器不是IE了,VS调式不了JavaScript代码了.这两天一直在试终于搞定了.这里查找的问题当然主要是VS里面调式JavaScript代码了. 第一种方式设置V ...

  6. 在Chrome 中调试Javascript

    在前面的两篇文章中我们讲了如何在IE中调试Javascript和在Visual Studio中调试Javascript,在本篇内容中,我们讲一下如何在谷歌 Chrome中调试Javascript. C ...

  7. 调试JavaScript/VB Script脚本程序(ASP篇)

    在文章调试JavaScript/VB Script脚本程序(Wscript篇)里面,有网友问我如何调试ASP里面的脚本程序,我不知道他问得是调试ASP网页里面的VBScript ASP代码,还是ASP ...

  8. [译]如何在visual studio中调试Javascript

    本文翻译youtube上的up主kudvenkat的javascript tutorial播放单 源地址在此: https://www.youtube.com/watch?v=PMsVM7rjupU& ...

  9. asp js单步调试_如何使用Chrome的控制台高效的调试Javascript代码?

    引言 在我们的日常开发中我们常常会遇到JavaScript的调试问题,而我们解决问题的传统解决方案就是使用大量的console.log或者console对象的其他方法,这会给我们带来很多不便,特别是遇 ...

最新文章

  1. 个人微信公众号已开通,欢迎各位小伙伴关注
  2. Android零基础入门第11节:简单几步带你飞,运行Android Studio工程
  3. Charles的功能操作
  4. 安卓 java编译_Android源码分析(七)-----如何解决java编译版本问题
  5. 隐藏文件始终不能显示的完美解决方法
  6. 动态规划训练20 [Treats for the Cows POJ - 3186 ]
  7. couchbase_Spring Data Couchbase 1.0 GA发布
  8. 我的世界有宠物系统的服务器,我的世界1.6.4宠物战争服务器客户端
  9. 模切ERP和免费OA系统是互相结合提高效率
  10. 在WEB中实现打印分页
  11. html语言中glyphicon,Bootstrap字体图标无法正常显示的解决方法
  12. 2018网易在线笔试题
  13. 中文空格字符与英文空格字符怎么区分_设计随笔 | 中英文字符间距与社交网络脱退...
  14. observable java_RxJava之Observables类型理解
  15. EditText有焦点(focusable为true)阻止输入法弹出
  16. 使用ActionForm的validate()进行验证
  17. 阿里云服务器价格表(最新海外地域价格表)
  18. ContextCapture空三后像控点颜色含义
  19. 程序员都需要学习什么
  20. 九、JavaScript网页特效 - 章节课后练习题及答案

热门文章

  1. NodeJs 最近各版本特性汇总
  2. 考研复试打分表公布?评分细则已出!
  3. Java Scanner类的介绍及使用
  4. HTML 常用标签2
  5. 福尔摩斯读后感(1)
  6. C#实用教程-操作xml文件
  7. 微信小程序实战(二)---实现搜索页面
  8. 自动切换IE代理设置: 简单使用IE自动配置脚本
  9. WPF依赖属性(二)
  10. 谷歌为世界造AI,世界却用AI做AV