您的位置:首页 > 其它

Firebug 学习使用教程

2015-11-04 20:19 204 查看
  Firebug是Firefox下的一个扩展,能够调试所有网站语言,如Html、Css等,但FireBug最吸引人的就是JavaScript调试功能,除此之外,还有对Dom的查看与调试,网站整体分析等其他功能。

调整Css样式

具体调整对比表:

初始样子

4次(1px)

Ctrl+↑5次(0.1px)

Shift+↑1次(10px)


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


        →      
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: