概述 浏览器的开发者工具我们经常用,console.log我们也经常用,但是console还有其它一些方便调试的命令,我总结了几个常用的记录在下面,供以后开发时参考,相信对其他人也有用. 获取js执行时间 以前我经常用下面的命令获取程序执行时间: var start = new Date(); //执行js var end = new Date(); console.log('运行时间: ' + (end - start)); 但是感觉总有点不准或者不精确,其实可以用console.time()…

一个针对手机网页的前端 console 调试面板. 简介 vConsole 是一个网页前端调试面板,专为手机 web 页面量身设计,帮助开发者更为便捷地进行开发调试工作. 手机预览 http://wechatfe.github.io/vconsole/demo.html 使用方法 1.下载模块 checkout 文件 dist/vconsole.min.js 到本地. 2.引入模块 (1) 如果未使用 AMD/CMD 规范,可直接在 HTML 中引入 vConsole 模块.为了便于后续扩展,建…

在我们的日常前端开发中,使用最频繁的莫过于使用console.log在浏览器的控制台中打印出我们需要调试的信息,但是大部分人可能跟之前的我一样,没有意识到其实console除了log方法以外,还有很多实用的方法,这些方法可以使我们的调试过程更加容易,也表达得更加直观,更加丰富多彩,下面我们就来看看有哪些实用的方法吧! 1.console.log() 我们经常会使用console.log来打印出某个变量的值或者某个实体对象,也可以传入多个变量参数,它会按照传入顺序进行打印: 1. 传入一个变量 c…

前台console调试技巧 一.console.log() 二.console.warn() 三.console.dir() 四.console.table() 五.console.assert() 六.console.trace() 七.console.count() 八.console.time() & console.timeEnd() 九.console.group() & console.groupEnd() 十.浏览器转为编辑器 十一.Chrome Command Line A…

对于前端工程师,肯定不会对console陌生,但是,又能深入了解多少呢? Chrome控制台-开发者工具 windows按F12, MAC按Command + Option + C或Command + Option + J, 即可打开控制台 1. 向 Web 控制台输出一条消息 console.log('Hello world!'); console.info('Hello world!'); console.warn('Hello world!'); console.error('Hello…

目录: 一.什么是 Console 二 .什么浏览器支持 Console 三.为什么不直接使用 alert 或自己写的 log 四.console.log(object[,object,.....]) 五.console.debug,info,warn,error 六.console.assert(expression[, object, ...]) 七.console.clear() 八.console.dirxml(node) 九.console.trace() 十.console.grou…

前言: Web 开发中最常用的调试就是 console.log(),console 除了 本身 log() 方法外,还有其他很多方法. console.log() console.log() 有许多意想不到的功能,我们经常使用 console.log(object) 来查看一个对象,或者使用 console.log(object,otherobject,string) 来查看数据信息. 除此之外,console.log() 还有另外一种写法:console.log(msg,values),类似…

1.设置断点,然后debug     2.如果在运行中想修改变量,可以直接在pycharm中修改 如将列表的 13改成3,然后选中 Excuting Selection in console       3.再来debug就是用调整后的变量执行了   ****************************************************************************************************************************…

前言 如果统计一番前端最常用的方法,那么 console.log 一定位列其中.无论你写的是原生 JS 亦或者是 JQuery.Vue等等,调试之时,都离不开 console.log 方法.但是,console 对象中的方法不仅仅只有 log 方法.强大的 console 对象提供了大量控制台调试的相关方法,掌握这些方法可以大大方便你的调试,甚至做出一些炫酷的控制台字符画. 基本输出 console 对象最基础的方法毫无疑问是 log,该方法会直接在控制台上输出参数,如果输入多个参数,那么输出在…

1.凡人视角 打印字符串 代码: console.log("I am a 凡人"); 打印提示消息 代码: console.info("Yes, you arm a 凡人"); 打印警告消息 代码: console.warn("凡人你居然敢窥视我"); 打印错误消息 代码: console.error("天兵天将,把这个凡人给我打入地狱"); 打印调试信息 代码: console.debug("我就是传说中的debu…