Firebug

Posted 2020-07-15 郎喜集团

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