Firebug Console 与命令行全集
当打开 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 的元素。
$$(selector)
返回给定的 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])
转自:
brian.netmad的博客
Firebug Console 与命令行全集相关推荐
- 扫盲 Linux&UNIX 命令行——从“电传打字机”聊到“shell 脚本编程”
扫盲 Linux&UNIX 命令行--从"电传打字机"聊到"shell 脚本编程" 本文目标读者 虽然本文的标题号称是[扫盲],但俺相信:即使是一些 P ...
- DS300 DS400 如何用命令行方式恢复出厂设置
使用命令行方式恢复DS300/DS400的出厂设置首先telnet 到管理端口,并以管理员身份登录,执行system defaults命令来恢复出厂设置,将恢复所有的网络设置, feature key ...
- Thinkphp5 命令行执行代码
说明:如何用命令行执行正常的tp5代码 前言: 在此之前,你应当能正常使用linux php命令行,包括但不限于php安装,环境变量配置等... 简单示例执行: 官网文档关于命令行的介绍非常简短,没有 ...
- windows远程桌面如果超出最大连接数, 使用命令行mstsc /console登录即可
远程桌面如果超出最大连接数, 使用命令行mstsc /console登录即可. (也可以用 mstsc /admin) 可以在运行里使用mstsc /console /v:IP:远程端口即可强制登录; ...
- ASP.NET Core:CMD命令行+记事本 创建Console程序和Web Application
今天看了Scott关于ASP.NET Core的介绍视频,发现用命令行一步一步新建项目.添加Package.Restore.Build.Run 执行的实现方式,更让容易让我们了解.NET Core的运 ...
- java 命令行读取_Java:从控制台(console,命令行)读取字符 | 学步园
/** * 从控制台(console,命令行)读取字符:InputStreamReader(System.in) */ import java.io.IOException; import java. ...
- 远程ykvm 插件移值java_远程管理KVM,命令行控制KVM,console连接,透传
远程管理虚拟机 首先,将虚拟机改成桥接模式,才可以相互连接. 打开宿主机的虚拟系统管理器 输入要远程管理的IP地址. 然后输入密码,显示连接. 打开远程管理的主机的设置,设置VNC服务器和所有接口,就 ...
- lumen php命令,laravel/lumen —— Artisan Console 命令行
1. 简介 laravel和lumen提供了artisan命令行接口,以便我们来进行命令行操作. 我们可以通过php artisan list来查看框架为我们提供了哪些接口. root@chen-Ub ...
- js 系统教程-15-js 语法之命令行-console.log,console.info,console.error,console.warn,debugger
目录 目录 console 对象与控制台 console console 对象的静态方法 格式占位符 console.warn(),console.error() console.table() co ...
最新文章
- php扩展开发中文教程.pdf,PHP扩展开发系列教程-1
- 物理机存放mysql实例原则_MySQL数据库规范 (设计规范+开发规范+操作规范)
- win10打开程序响应很慢_小程序商城打开加载很慢?你上传的图片是不是太大了,压缩一下吧!...
- java并发中的延迟初始化
- delphi读取excel
- 发布过程5分钟内load飙升问题排查
- eclipse 选取当前行_苏云金杆菌的防虫效果,取决于能否科学利用,绝非一句“用就行”...
- Vue3 JSON编辑器
- FLEX地图应用教程集
- lisp角度转换弪度_角度与弧度之间的换算(rad与度的换算)
- latex引用文献,带DOI
- [转]仙剑4破解方法详解[图]
- np.stack()函数详解
- 查询大全,肯定有你需要的!
- android金额大小写转换,Java/android 金额 数字转成大写汉子
- 块级元素 div水平居中 垂直居中
- x200装linux驱动下载,手把手教你在x200上安装原汁原味的mac Os x10.6系统
- 2015年网页设计的9大趋势
- DA14580软件开发平台参考(五)
- Android调用手机图库选择图片并调用手机的图片裁剪工具