zoukankan      html  css  js  c++  java
  • Firebug & Chrome Console 把握台应用号令

    Console API

    当打开 firebug (也包含 Chrome 等浏览器的自带调试对象),window 下面会注册一个叫做 console 的对象,它供给多种办法向把握台输出信息,供开辟人员调试应用。下面是这些办法的一个简单介绍,当令地应用它们,对于进步开辟效力很有帮助。

    console.log(object[, object, ...])
    应用频率最高的一条语句:向把握台输出一条消息。支撑 C 说话 printf 式的格局化输出。当然,也可以不应用格局化输出来达到同样的目标:

    var animal=""frog"", count=10;
    
    console.log("The %s jumped over %d tall buildings", animal, count);
    console.log("The", animal, "jumped over", count, "tall buildings");

    console.debug(object[, object, ...])
    向把握台输出一条信息,它包含一个指向该行代码地位的超链接。

    console.info(object[, object, ...])
    向把握台输出一条信息,该信息包含一个默示“信息”的图标,和指向该行代码地位的超链接。

    console.warn(object[, object, ...])
    同 info。差别是图标与样式不合。

    console.error(object[, object, ...])
    同 info。差别是图标与样式不合。error 实际上和 throw new Error() 产生的结果雷同,应用该语句时会向浏览器抛出一个 js 异常。

    console.assert(expression[, object, ...])
    断言,测试一条表达式是否为真,不为真时将抛出异常(断言失败)。

    console.dir(object)
    输出一个对象的全属下性(输出成果类似于 DOM 面板中的样式)。

    console.dirxml(node)
    输出一个 HTML 或者 XML 元素的布局树,点击布局树上方的节点进入到 HTML 面板。

    console.trace()
    输出 Javascript 履行时的客栈追踪。

    console.group(object[, object, ...])
    输出消息的同时打开一个嵌套块,用以缩进输出的内容。调用 console.groupEnd() 用以停止这个块的输出。

    console.groupCollapsed()
    同 console.group(); 差别在于嵌套块默认是收起的。

    console.time(name)
    计时器,当调用 console.timeEnd(name);并传递雷同的 name 为参数时,计时停止,并输出履行两条语句之间代码所消费的时候(毫秒)。

    console.profile([title])
    与 profileEnd() 连络应用,用来做机能测试,与 console 面板上 profile 按钮的功能完全雷同。

    console.count([title])
    输出该行代码被履行的次数,参数 title 将在输出时作为输出成果的前缀应用。

    console.clear()
    清空把握台

    号令行

    把握台的输出面板右边,是把握台的输入面板(Chrome 调试对象对应为下方),在这里除了可以运行常规的 javascript 代码,还内置了相当数量的号令行可以帮助我们的调试工作,下面是一些常用号令行的简单介绍。

    ¥(id)
    返回一个给定 id 的元素。

    ¥¥(or)
    返回给定的 css 选择器匹配到的一组元素。

    ¥x(xpath)
    返回给定的 XPath 表达式匹配到的一组元素。

    ¥0
    在 HTML 面板中选中的元素。

    ¥1
    上一次在 HTML 面板中选中的元素。

    ¥n(index)
    接见比来 5 个被选中过的元素,index 的局限: 0 – 4。

    dir(object)
    同 console.dir(object)。

    dirxml(node)
    同 console.dirxml(node)。

    clear()
    同 console.clear()。

    inspect(object[, tabName])()
    在合适的(或一个指定的) tab 中检视一个对象。

    keys(object)
    返回一个对象的所有属性的键。

    values(object)
    返回一个对象的所有属性的值。

    debug(fn)
    在函数第一行添加一个断点,应用 undebug(fn) 移除断点。

    monitor(fn)
    开启一个函数的调用日记,应用 unmonitor(fn) 封闭该功能。很是有效的一个号令,然则它似乎并没有很好地工作。

    monitorEvents(object[, types])
    开启一个元素的某个事务(或所有事务)被触发时的日记记录。用例如下:

    monitorEvents(¥0,[""click""])
    

    上方的号令行被履行后,将开启当前在 HTML 面板中被选中元素的 click 事务监控,一旦这个元素的 click 事务被触发,事务对象将会在把握台输出。若是不指定第二个参数,将对所有事务进行记录。

    profile([title])
    同 console.profile([title])

  • 相关阅读:
    Mysql常用语句
    关于nginx的一个错误操作记录
    windows下安装ElasticSearch
    在IIS托管服务中设置Rewrite重定向到webapi接口
    asp.net IHttpHandler浅析
    asp.net IHttpModule浅析
    vscode 创建.net core项目初体验
    批量联表更新
    mysql 关于数据库和数据表的基本操作
    mysql Navicat客户端
  • 原文地址:https://www.cnblogs.com/suizhikuo/p/2418497.html
Copyright © 2011-2022 走看看