JavaScript跨浏览器调试方法~~~

由于小弟JavaScript功力浅薄,近日在恶补中,首当其中的问题就是调试,日常应用都是应付多系统的,所以跨浏览器的调试尤为重要,主要用IE,FireFox和Safari。


1.IE

VS2008的js的调试能力有所增强,但有时候小脚本的调试可以不动用它,直接用office只带的Script Editor就可以了,具体步骤是:
打开IE,把禁用脚本调试的两个选项去掉:
单击在新窗口中打开图片,Ctrl+滚轮缩放图片


在脚本上加上" debugger;"
单击在新窗口中打开图片,Ctrl+滚轮缩放图片


然后在浏览器中打开,即可调用出Script Editor进行调试,当然你也可以直接挖出它来运行调试,具体的安装路径在OFFICE中,2003和2007的路径不一样,2003是在OFFICE11目录,2007是在" X:\Program Files\Common Files\Microsoft Shared\OFFICE12"中,找不到,直接找MSE7.EXE就可以了:)
单击在新窗口中打开图片,Ctrl+滚轮缩放图片
单击在新窗口中打开图片,Ctrl+滚轮缩放图片

2.FireFox

主要是通过安装插件来完成,这里首推 firebug,界面比较友好也稳定点,Venkman 我使用时不太稳定,可能是小弟功力浅薄之故,试用后就没有使用了。
这里用 firebug为例:

打开 firebug控制台:
单击在新窗口中打开图片,Ctrl+滚轮缩放图片


然后就可以对网页中的脚本进行Debug,提供的功能比较多,是俺的最爱,介绍它的文章比较多,我就不多说了:
单击在新窗口中打开图片,Ctrl+滚轮缩放图片

单击在新窗口中打开图片,Ctrl+滚轮缩放图片


firebug下载地址:
http://www.getfirebug.com/?

Venkman
http://www.mozilla.org/projects/venkman/


3.Safari

照着官方的提示,找到Preferences.plist,增加一个key就可以进行调试了。
具体操作是:
代开 X:\Documents and Settings\[USERNAME]\Application Data\Apple Computer\Safari\Preferences.plist
照着前面的格式添加上:
xml.ico复制   Save.jpg保存
<key>IncludeDebugMenu</key>
<true/>
<key>IncludeDebugMenu</key> <true/>

单击在新窗口中打开图片,Ctrl+滚轮缩放图片
选项中把这个勾选上 
"Log JavaScript Exceptions" 
打开
"Show JavaScript Console"
单击在新窗口中打开图片,Ctrl+滚轮缩放图片


然后运行脚本,就可以在控制台上查看了,但是这个控制台的log竟然连复制都不可以,功能简单,简直是鸡肋,不知道各位大侠有什么好的调试方法呢?
单击在新窗口中打开图片,Ctrl+滚轮缩放图片

单击在新窗口中打开图片,Ctrl+滚轮缩放图片
另外听说Adobe ExtendScript Toolkit 2对js的调试能力也很强,但好像不支持web中的对象,总之搞了一个晚上都不知道怎么用,如有大大知道,望告知小弟一声,万分感激!!~

转载于:https://www.cnblogs.com/xiazhi33/articles/965608.html

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值