ie8的调试工具的使用:

ie8的调试工具的使用:
只要安装了IE8的浏览器,都可以有IE8的调试工具。
对于他的Css功能调试,我就不详细说了,我讲一下他的js调试功能:
如下:
<button οnclick="test();">Button</button>
<script type="text/javascript">
  1: function test(){
  2:    test2();
  3: }
  4: function test2(){
  5:    var _obj=document.getElementById("divTest");
  6:    var str=_obj.id;
  7:    alert(str);
  8: }
</script>
还是让我们先看看脚本调试界面吧


 
图上的说明已经很清楚了,下面就详细讲一下控制台断点局部变量监视调用堆栈这些视图吧。
控制台

在控制台会显示脚本调试中的一些信息,例如错误信息、警告信息一类的。

恩,其实也可以当成是一个微型JavaScript运行环境。你可以在这里直接键入脚本并运行。如果一行不够的话,可以切换到多行模式。输入完毕后,点击运行脚本,就可以看到运行结果了。
断点

是一个显示你设定的所有断点的列表。方便你统一管理:统一删除、统一使用或者统一禁用。


 
局部变量

我非常喜欢的视图之一。可以详细的显示各个变量的所有方法、事件和属性。我最喜欢干的事情,就是一个个的看下去,看到不知道的就去查资料,绝对是个学习JavaScript的好方法。例如,下面途中这就发现了一些IE8特有的方法。


 
监视

我非常喜欢的视图之一。可以显示任意你需要的变量的方法、事件和属性。可以添加多个。整体来说和局部变量视图差不多,只是可以更灵活的显示你需要的而已。


 
调用堆栈

可以直观地显示函数调用堆栈情况,以及现在执行到哪个函数的情况。对于理顺脚本的运行顺序和嵌套很有帮助。


 
结束了?其实才刚刚开始

虽然貌似很多地、洋洋洒洒地、图文并茂地讲了两篇文章。其实回头看看也没讲什么东西。只是截图滥竽充数比较多而已。好在,文章中不时地,还丢出几个相关文章的链接出来,所以,应该还不至于让人感到看完以后完全不知所云的样子。

其实工具,仅仅是个工具,再详解、再举例、再截图都是白搭。如果真的想用来提高你自己的工作效率,最终还是需要你自己的动手摸索,用在自己的页面上。所以,看完文章的你,赶紧打开IE8的开发人员工具,现在就试试吧。它一定可以带给你惊喜的。 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值