Firebug 学习使用教程
2015-11-04 20:19
204 查看
Firebug是Firefox下的一个扩展,能够调试所有网站语言,如Html、Css等,但FireBug最吸引人的就是JavaScript调试功能,除此之外,还有对Dom的查看与调试,网站整体分析等其他功能。
调整Css样式
具体调整对比表:
Console的使用
console.log(); //输出信息
console.debug(); //与log方法一样
console.info(); //与log方法一样
console.warn(); //输出信息,并且在前面加一个黄色三角,表示警告
console.error(); //输出信息,并且在前面加一个红色的叉,表示出错,同时会显示错误发生的堆栈
console.dir(); //对一个对象进行检查(inspect),并以易于阅读和打印的格式显示,也可以将某个对象的所有方法陈列出来
console.group(); //显示的信息分组,与groupEnd方法一起使用
console.groupEnd(); //显示的信息分组,与group方法一起使用
console.time(); //time方法表示计时开始
console.timeEnd(); //timeEnd方法表示计时结束
console.trace(); //查询某个对象是如何被调用的
console.clear(); //清除当前控制台内容
举例说明-dir
举例说明-group
→
调整Css样式
具体调整对比表:
初始样子 | |||
↑ | 4次(1px) | ||
Ctrl+↑ | 5次(0.1px) | ||
Shift+↑ | 1次(10px) |
console.log(); //输出信息
console.debug(); //与log方法一样
console.info(); //与log方法一样
console.warn(); //输出信息,并且在前面加一个黄色三角,表示警告
console.error(); //输出信息,并且在前面加一个红色的叉,表示出错,同时会显示错误发生的堆栈
console.dir(); //对一个对象进行检查(inspect),并以易于阅读和打印的格式显示,也可以将某个对象的所有方法陈列出来
console.group(); //显示的信息分组,与groupEnd方法一起使用
console.groupEnd(); //显示的信息分组,与group方法一起使用
console.time(); //time方法表示计时开始
console.timeEnd(); //timeEnd方法表示计时结束
console.trace(); //查询某个对象是如何被调用的
console.clear(); //清除当前控制台内容
举例说明-dir
举例说明-group
→
相关文章推荐
- 实验比较python中的range和xrange
- javascript的prototype实现回调
- hdu5372Segment Game 树状数组
- linux scp命令
- 第九周项目1 猴子选大王【数组版】
- 叉姐的魔法训练小结(未完结)
- 一行打印一个单词核心代码
- 【LEETCODE】108-Convert Sorted Array to Binary Search Tree
- 软工总结(六)——系统维护
- 蓝牙4.0 BLE学习笔记
- 在 centos6 上安装 LAMP
- acm 2015北京网络赛 F Couple Trees 主席树+树链剖分
- linux 内核链表(二)
- Android面试题之——内存泄露
- JavaMail
- Android Dialog点击按钮不关闭对话框
- HDU5510Bazinga(暴力剪枝)
- 大数据环境下的云计算与物联网
- 流式计算的理论与技术
- 关于LinearLayout中的weight的属性