博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
Firebug
阅读量:4687 次
发布时间:2019-06-09

本文共 1400 字,大约阅读时间需要 4 分钟。

firebug 是firefox的调试插件。(F12)

安装firefox: https://www.getfirebug.com -> install firebug

 

html

Ctrl +Shift +C 定位网页元素。

 

Ctrl + Shift +Alt +B  定义firebug 快捷键

 

css:

微调:

方向键:1个单位  如:1px  -> 2px

Shift  方向键:10个单位  如:10px  -> 20px  (大)

Ctrl 方向键:0.1个单位  如:0.1px  -> 0.2px

网络:

评估页面下载速度

单击 显示请求信息

 

ajax 监听:

网络 -》 javascript  可查看jquery 

XHR 查看 ajax

wd

如搜索关键字 XHR 的监听 的每条响应的参数wd 会显示 搜索的关键字的部分内容;

控制台:

console.log(a);

console.info(a);

console.debug(a);

console.warn(a);

console.error(a);

右边箭头可切换多行和单行代码输入:

tab 键 :补全智能提示

consle.log(‘%d年%s月%d日',2010,2,03);

四种占位符:

%d,%f,%s,%o(对象占位符)

分组:

console.group('第一组');

console.log('01');

console.log(02);

console.group('第二组');

console.log('201');

console.log(202);

 

 

console.group('第一组');

console.log('01');

console.log(02);

console.groupEnd(); 

console.group('第二组'); //没有 console.groupEnd(); ,console.group('第二组');会是前一个组的子组。

console.log('201');

console.log(202);

console.groupEnd();

 

 

 

console.dir  :

console.dir(console);显示一个对象的所有属性和方法。

代码运行时间:

console.time("test");

for(var i=0;i<10000;i++)

{}

console.timeEnd("test")

如:test:64ms;

 

trace:

 

console.trace()函数用来打印函数调用的栈信息

控制台-> 运行时点  概况 可以查看总合 栈的信息。

 

 

//以下一样 会触发函数内容

var i=12;

function bb(cc)
{alert(cc); return cc; }
//bb(i);
var dd=bb(i);//触发
var kk=setInterval(function(){alert(4); i--; })//触发

var ww=window.clearInterval(kk);//触发

 

firebug 扩展工具:

https://getfirebug.com/wiki/index.php/Firebug_Extensions

 

转载于:https://www.cnblogs.com/zhubenxi/p/5538211.html

你可能感兴趣的文章
使用BufferedReader的时候出现的问题
查看>>
linux安装图形界面
查看>>
Android广播发送失败
查看>>
博弈论之入门小结
查看>>
解决IE8下opacity属性失效问题,无法隐藏元素
查看>>
C#匿名函数的坑
查看>>
标记页面控件尺寸
查看>>
批处理文件中的路径问题
查看>>
appium+python 环境搭建
查看>>
WampServer下修改和重置MySQL密码
查看>>
hibernate出现No row with the given identifier exists问题
查看>>
为什么wait()和notify()属于Object类
查看>>
Part2_lesson3---ARM寄存器详解
查看>>
PHP 在5.1.* 和5.2.*之间 PDO数据库操作中的不同!
查看>>
导入properties时的坑
查看>>
python——网络编程
查看>>
Spark的39个机器学习库
查看>>
Electron学习笔记(一)
查看>>
Java并发编程:CountDownLatch、CyclicBarrier和Semaphore
查看>>
配置NRPE的通讯
查看>>