页面调试的一个小技巧(console)

简介: 页面调试的一个小技巧(console)

大家在调试页面的时候每次都要输入console.log()这么多字母会不会很烦,教大家一个很简单的方法。

可以在js文件的顶部加上下面这行代码

var l = console.log.bind(console);

在控制台输出的时候就可以直接这样输出:

l();

66030066c14937907d5cd5582fa2bc18_640_wx_fmt=png&wxfrom=5&wx_lazy=1&wx_co=1.png

开发完后删掉这行代码和l();代码就可以了。

常用console命令


一、显示信息的命令


d99cbf61b82156bcfdc380c67ca4286d_640_wx_fmt=png&wxfrom=5&wx_lazy=1&wx_co=1.png


二 、信息分组


bf74b4ab9b3653a372c1524e96461d71_640_wx_fmt=png&wxfrom=5&wx_lazy=1&wx_co=1.png

也可以用刚刚的方法。


三、查看对象的信息


console.dir()

e1d9e29e6cb4b67b95e8d85790aa89a5_640_wx_fmt=png&wxfrom=5&wx_lazy=1&wx_co=1.png


四、查看某段代码的运行时间


4d5245c62bc65c24bcce9c4ee57987ef_640_wx_fmt=png&wxfrom=5&wx_lazy=1&wx_co=1.png


五、追踪函数的调用轨迹。


81217ff3a5804c660eae875c4c9696f7_640_wx_fmt=png&wxfrom=5&wx_lazy=1&wx_co=1.jpg


六、判断变量是否是真


60706728b78d6dfc7312f6e758fde7b3_640_wx_fmt=png&wxfrom=5&wx_lazy=1&wx_co=1.png

console.assert()用来判断一个表达式或变量是否为真。为真的适合不抛出,如果结果为否,则在控制台输出一条相应信息,并且抛出一个异常。


目录
相关文章
关于 C#使用Console.WriteLine调试没有命令行输出 的解决方法
关于 C#使用Console.WriteLine调试没有命令行输出 的解决方法
关于 C#使用Console.WriteLine调试没有命令行输出 的解决方法
|
23天前
|
JavaScript 前端开发 开发者
使用`console.log()`查看运行结果非常简单
【4月更文挑战第18天】使用`console.log()`查看运行结果非常简单
25 1
|
9月前
|
Web App开发 JavaScript 前端开发
Chrome 开发者工具 Console 面板里的 VM 是什么含义
Chrome 开发者工具 Console 面板里的 VM 是什么含义
119 0
|
11月前
控制台输出信息console.log()的用法总结
控制台输出信息console.log()的用法总结
152 0
|
12月前
|
前端开发
前端页面出错调试方法console.log()
前端页面出错调试方法console.log()
|
Web App开发
chrome调试11-在console中调试日志
chrome调试11-在console中调试日志
82 0
chrome调试11-在console中调试日志
|
XML JavaScript 前端开发
你需要知道的 19 个 console 实用调试技巧(下)
众所周知,浏览器的开发者工具为我们提供了强大的调试系统,可以用来查看DOM树结构、CSS样式调试、动画调试、JavaScript代码断点调试等。今天我们就来看看console调试的那些实用的调试技巧。​
185 0
|
Web App开发 前端开发 JavaScript
你需要知道的 19 个 console 实用调试技巧(上)
众所周知,浏览器的开发者工具为我们提供了强大的调试系统,可以用来查看DOM树结构、CSS样式调试、动画调试、JavaScript代码断点调试等。今天我们就来看看console调试的那些实用的调试技巧。​
221 0
|
Web App开发 缓存 JavaScript
16、console 对象与控制台
console对象是 JavaScript 的原生对象,它有点像 Unix 系统的标准输出stdout和标准错误stderr,可以输出各种信息到控制台,并且还提供了很多有用的辅助方法。
148 0
|
小程序 开发者
[console,log,时执行,页面节点树,组件实例]微信小程序中使用async/await语法的方法
  1、在微信小程序项目添加package.json文件或者直接npm init.   2.在package.json中添加regenerator包和版本   `"devDependencies": {   "regenerator":"0.13.3"}`   3.微信开发者工具-》工具-》npm构建
140 0

热门文章

最新文章