浏览器控制台console对象的使用

下面四个函数是调试代码的好帮手。

console.log()

console.info()

console.debug()

console.warn()

console.error()

下面是格式化字符

%s  %d   %f

%i也是整数

%o对象(可以显示对象的结构)

下面是分组显示

console.group(); ... ... console.groupEnd();

下面是目录式显示

console.dir()

console.dirxml()

下面是断言

console.assert()

下面是跟踪方法调用

console.trace()

下面是计算代码运行时间

console.time("t1"); ... ... console.timeEnd();

console.profile("p1"); ... ... console.profileEnd();

原文地址:https://www.cnblogs.com/simple-raxit/p/10887796.html

时间: 2024-08-29 03:01:01

浏览器控制台console对象的使用的相关文章

浏览器控制台console

console对象 console对象代表浏览器的JavaScript控制台.虽然它还不是标准,但是各大浏览器都原生支持,已经成为事实上的标准. console对象主要有两个作用: 显示网页代码运行时的错误信息. 提供了一个命令行接口,用来与网页代码互动. console对象的接口有很多方法,可供开发者调用. console.log() log方法用于在console窗口显示信息. 如果参数是普通字符串,log方法将字符串内容显示在console窗口. console.log("Hello Wo

控制台console对象常用的一些方法

console.log():调试中最常用的方法,用于在控制台窗口显示信息. console.log(123); //123 console.warn():输出信息时,在最前面加一个黄色三角,表示警告 console.warn('输出警告信息'); //输出警告信息 console.error():输出信息时,在最前面加一个红色叉,表示出错 console.error('输出错误信息'); //输出错误信息 console.assert():用来验证某个条件是否为真,如果是假,则显示一条事先指定的

浏览器控制台console的使用

前天在团队项目中因为产品需求在提交订单的时候需要多个页面的数据作为提交接口的参数,这种需求让人醉醉的,项目用angular来做的,没办法只能用全局变量来定义要交互的值和localStorage来临时的将数据存在浏览器,话不多少进入正题. 用JS组装的JS对象在存入localStorage的时候要用JSON.stringify转成JSON对象才能正确的存起来,同理取得时候也要用JSON.parse来将JSON对象转化成JS对象才能在前端正常使用.当时在控制台打印从localStorage获取到的数

chrome浏览器控制台 console不打印信息问题解决办法。

转自:https://blog.csdn.net/wang17866603359/article/details/79083776 最近换了安装chrome,想按F12调试下代码,发现控制台什么信息都没有. 所以给大家分享下解决办法:  点击就会自动把勾勾上.这样就可以了. 原文地址:https://www.cnblogs.com/sharpest/p/10404373.html

javascript:console对象与控制台

console 对象与控制台 console 对象 console对象是 JavaScript 的原生对象,它有点像 Unix 系统的标准输出stdout和标准错误stderr,可以输出各种信息到控制台,并且还提供了很多有用的辅助方法. console的常见用途有两个. 调试程序,显示网页代码运行时的错误信息. 提供了一个命令行接口,用来与网页代码互动. console对象的浏览器实现,包含在浏览器自带的开发工具之中.以 Chrome 浏览器的"开发者工具"(Developer Too

console对象与控制台

原文地址:https://wangdoc.com/javascript/ console对象 console对象是JavaScript的原生对象. console的常见用途有两个. 调试程序,显示网页代码运行时的错误信息. 提供一个命令行接口,用来与网页代码互动. console对象的浏览器实现,包含在浏览器自带的开发工具中.Chrome可以通过Option + Command + i快捷打开. 打开开发者工具以后,顶端有多个面板. Elements:查看网页的HTML源码和CSS代码. Res

console.debug()浏览器控制台打印输出 仅仅在支持console的浏览器下打印

console.debug()浏览器控制台打印输出 仅仅在支持console的浏览器下打印 var util = {}; /** * 工具类 */ util = new function() { /** * 控制台打印输出 仅仅在支持console的浏览器下打印 * @param info 信息打印 */ this.debug = function(info){ try{ if(console != undefined && console != null && conso

console.debug()浏览器控制台打印输出 只在支持console的浏览器下打印

console.debug()浏览器控制台打印输出 只在支持console的浏览器下打印 var util = {}; /** * 工具类 */ util = new function() { /** * 控制台打印输出 只在支持console的浏览器下打印 * @param info 打印信息 */ this.debug = function(info){ try{ if(console != undefined && console != null && console

Chrome 控制台console的用法

原文出处: ctriphire 大家都有用过各种类型的浏览器,每种浏览器都有自己的特色,本人拙见,在我用过的浏览器当中,我是最喜欢Chrome的,因为它对于调试脚本及前端设计调试都有它比其它浏览器有过之而无不及的地方.可能大家对console.log会有一定的了解,心里难免会想调试的时候用alert不就行了,干嘛还要用console.log这么一长串的字符串来替代alert输出信息呢,下面我就介绍一些调试的入门技巧,让你爱上console.log 先的简单介绍一下chrome的控制台,打开chr