Firefox &Firebug 0.1For新手
最近是越来越懒了,好久没有更新博文了,给新手们来一遍...
介绍下firebug,网络上视频也很多,简单介绍下最常用的几个功能撒....
日志功能:
新手学习js,一般调试采用的是alert(message),这种方式会导致不停的弹出对话框,
而且难以清晰的记录 和显示所要调试的返回值。
就如java的system.out.println php的echo 一样,火狐浏览器的
控制台可以用js代码:console.log(message)来实现输出 只有在火狐浏览器可以用,移到其他浏览器时
注释掉showLog里面的代码即可.
上图:
![](http://www.mywiz.cn/image/9f68bc2a-0dfd-11e1-8d03-00237def97cc/0d50a983-f0fa-48eb-8c0a-14c2e9a9fe2c/index_files/function.jpg)
![](http://www.mywiz.cn/image/9f68bc2a-0dfd-11e1-8d03-00237def97cc/0d50a983-f0fa-48eb-8c0a-14c2e9a9fe2c/index_files/hello.jpg)
CSS调试:
同样一般修改css属性的时候,我们可能是先要修改.css文件,然后再刷新网页查看效果。
但有些时候对与颜色的搭配或者大小的微调,可能要进行多次的微调,这时候仍然采取
这种方式就会非常的麻烦
firefox可以实时的调试css.只需要的firebug下面选择css的页脚,这时候直接可以对css进行修改,
实时的看到所需要的改变.
上图:
![](http://www.mywiz.cn/image/9f68bc2a-0dfd-11e1-8d03-00237def97cc/0d50a983-f0fa-48eb-8c0a-14c2e9a9fe2c/index_files/red.jpg)
![](http://www.mywiz.cn/image/9f68bc2a-0dfd-11e1-8d03-00237def97cc/0d50a983-f0fa-48eb-8c0a-14c2e9a9fe2c/index_files/fa53fdb14e1d6c7ca22b3cecbe5357ee.jpg)
------->
![](http://www.mywiz.cn/image/9f68bc2a-0dfd-11e1-8d03-00237def97cc/0d50a983-f0fa-48eb-8c0a-14c2e9a9fe2c/index_files/94b0801af8975140946c52a35b4acbe6.jpg)
![](http://www.mywiz.cn/image/9f68bc2a-0dfd-11e1-8d03-00237def97cc/0d50a983-f0fa-48eb-8c0a-14c2e9a9fe2c/index_files/4db8af4991022d77dfe693c1c3a5f050.jpg)
firebug调试:
最有用也最常用的当然就是firebug的对js代码的调试了,里面可以设置断点、单步调试、单步跳过..等等常见
的调试功能![](http://www.mywiz.cn/image/9f68bc2a-0dfd-11e1-8d03-00237def97cc/0d50a983-f0fa-48eb-8c0a-14c2e9a9fe2c/index_files/50646b44eff6bc0af5c39e3adc61383b.jpg)
![](http://www.mywiz.cn/image/9f68bc2a-0dfd-11e1-8d03-00237def97cc/0d50a983-f0fa-48eb-8c0a-14c2e9a9fe2c/index_files/50646b44eff6bc0af5c39e3adc61383b.jpg)
posted on 2012-01-26 22:40 RorySmart 阅读(1824) 评论(2) 编辑 收藏 举报