使用谷歌浏览器简单的调试网页和脚本

谷歌firebug安装:

首先打开谷歌浏览器,然后进入谷歌浏览器网上应用商店。


2、点击扳手样式的图标,在下拉菜单中找到工具-扩展程序。


3、在谷歌浏览器应用商店中搜索 firebug,然后选择添加至Chrome。

4、添加成功后,会在菜单栏上显示小昆虫的图标,如下图所示:


5、下图显示的就是FireBug的控制台,我们可以从中看到页面元素,并加以调试,如果出现错误,谷歌浏览器也会做出错误的提醒。


6、如果你想查看某一个网页元素,你可以通过点击下面途中的inspect,选取网页上的,然后代码上就会自动出来该网页元素的代码位置,很强大的firebug!!!



调试简单的js:

首先选择右键菜单的“审查元素”。



点击clip_image006“Scripts”按钮,下面就会显示脚本的源码窗口。


选择好自己脚本所在的网页


在左侧的行号上点击就可以直接下断点,下好的断点在右侧的“Breakpoints”属性栏里面就可以看到。


这是运行到断点时候的情况


调用栈,变量信息,步过,步入,步出,基本的调试功能都有了。也足够应付普通的脚本调试了。





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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值