Chrome基本JS调试
来源:互联网 发布:虚拟机centos安装教程 编辑:程序博客网 时间:2024/06/06 02:06
前言
Chrome 算是开发者用的最多的工具了。而其中的控制台更是调试JS的利器,今天就学习一下基本的控制台的JS调试。
基本调试会话
console.assert(expression,object)
当expression = false时写入打印出object
console.clear()
清除控制台内容
要是Preserve log 被勾选则无效
console.count(label)
完全相同的语句被提供给同一行的count()时,被计数。
console.time(label)
启动一个计时器,可传递一个字符串便于标记命名,调用console.timeEnd()来停止计时器。
可用Timeline面板来进行性能分析
console.debug(object,[object,···])
与
console.log()
相同
console.dir(object)
输出object的JS表示形式
console.dirxml(object)
输出object的xml形式
console 记录
console.log()
基本记录console.info()
基本记录,有和小标记console.error()
记录并有明显标记console.warn()
基本并有明显标记console.group(label)
/console.groupEnd()
记录组,便于多处调试
记录组内还可以嵌套记录组,groupEnd会结束最近的记录组。
log()里面可以用格式说明符来代替
console.profile([label])
配置文件写入Profiles面板中,以profileEnd()结束
控制台命令
主要就是选择和检查DOM元素
$_
返回最近评估的表达式的值
0− 4
检查最后五个DOM元素
$(selector)
返回带指定CSS的第一个DOM
$$(selector)
返回与CSS匹配的元素组
clear()
清空控制台
copy(object)
指定字符串形式复制到剪贴板
debug(function)
调试指定函数,自动切至Source面板,undebug(fn)停止函数中断
getEventListeners(object)
返回对象上注册的事件监听器
keys(object)
返回对象的属性名数组
values(object)
返回对象属性值的数组
monitor(funciton)
监视某函数,打印出函数的参数。使用unmonitor(function)停止
table(data[,columns])
表格格式的对象数据
阅读全文
0 0
- Chrome基本JS调试
- chrome中调试js
- Chrome 调试JS利器
- chrome调试动态js
- chrome调试js
- chrome 调试JS
- chrome调试js方法
- chrome调试js
- 用Chrome调试js
- chrome调试for js
- chrome浏览器调试js
- chrome控制台调试js
- chrome调试js
- Chrome JS调试
- Chrome 23 下 调试 JS
- Chrome Developer Tools 调试 js
- Google Chrome调试js入门
- Google Chrome 调试JS利器
- linux驱动和应用程序如何上传到路由器
- PAT B1014. 福尔摩斯的约会
- KazaQ's Socks
- JavaScript类属性
- 数据库增删改查!
- Chrome基本JS调试
- Make Menuconfig详解
- 机器学习算法(三)支持向量机
- ARP与ARP脚本
- 山东省第八届省赛 Return of the Nim(博弈)
- 实验吧ctf
- [bzoj1647][Usaco2007 Open]Fliptile 翻格子游戏
- WebSocket
- git 版本回退