zoukankan      html  css  js  c++  java
  • Firebug

    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

  • 相关阅读:
    移动 Web 开发技巧
    判断手机是苹果还是安卓,并且判断安卓的高低版本
    JavaScript判断移动端及pc端访问不同的网站
    input实时监控和获取焦点的问题,oninput,ononfocus
    几个CSS3动画
    canvas加载进度条
    animation动画兼容所有手机
    背景渐变,兼容所有手机端
    文字动画和文字镂空
    前端面试题
  • 原文地址:https://www.cnblogs.com/zhubenxi/p/5538211.html
Copyright © 2011-2022 走看看