console.log 和console.dir

2024-10-30

console.log与console.dir的区别

今天学习promise的时候看到了console.dir这个方法,感到很好奇,查了以下感觉又长知识了在Chrome中,控制台对象定义了两个似乎做同样事情的方法: console.log() console.dir() 在控制台中看,好像都是做了一个打印的功能,但实际上还是又区别的: 在Firefox中,这些函数的行为截然不同:log只打印一个toString表示,而dir打印出一个可导航的树. 在Chrome中,日志已打印出一棵树 – 大部分时间.但是,Chrome的日志仍然会对某些类的对象进

var a = {m:1}; var b = a; a.n = b ={n:1}; console.log(a);console.log(b);

console.log()、console.info()、console.debug()的区别

onsole.log().console.info().console.debug()的作用都是在浏览器控制台打印信息的. 使用最多的是console.log().console.info()和console.debug()本质上与console.log()没有区别.是console.log()的另一个名字而以,可以理解为它们三个其实就是同一个,只不过名字不一样. 其中,console.info()打印出的信息,在控制显示的时候信息前面会出现一个小图标,而且谷歌浏览器和opera不支持conso

console.log()与console.dir()

console.log()可以取代alert()或document.write(),在网页脚本中使用console.log()时,会在浏览器控制台打印出信息. console.dir()可以显示一个对象所有的属性和方法. 代码格式: 之前想打印输出,ul的相关属性控制台输出结果: 现在可以利用console.dir直接获取相关属性控制台输出打印结果 .

JS里try...catch...finally详解，以及console日志调试(console.log、console.info等)

<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>测试页面</title> <script type="text/javas

有趣的console.log（console.log输出彩色字，图片等）

亲们支持我的新博客哦==>原文地址 ) 逛网站的时候经常发现很多网站控制台打印了很好玩的内容比如我的网站 →calamus 或者知乎→ 平时是不是只用console调试或者打印别的信息了,没有试过上面这种呢?感觉很有趣有没有下面的代码可以复制到控制台自己尝试下效果: 改变文字样式等 console.log("%c 前端开发 %c calamus.xyz %c 蒲", "color:red","","color:orange

JS之console.log详解以及兄弟姐们邻居方法扩展

console.log() 基本用法 console.log,前端常用它来调试分析代码,你可以在任何的js代码中调用console.log(),然后你就可以在浏览器控制台看到你刚才打印的常量,变量,数组,对象,表达式等的值. 首先看最基本的用法: console.log('123'); console.log('1', '2', '3'); // 1 2 3 console.log('1\n2\n3\n'); // // 我们可以通过上面的方式进行单个变量(表达式).多个变量以及换行输出.而这对

两次console.log打印值不同

var a=[1,2,3] console.log(a); a[2]=10; console.log(a); // 打印结果 // (3) [1, 2, 3] // (3) [1, 2, 10] // 点击小箭头展开 // (3) [1, 2, 3] // 0: 1 // 1: 2 // 2: 10 // length: 3 // __proto__: Array(0) // (3) [1, 2, 10] // 0: 1 // 1: 2 // 2: 10 // length: // 3__pro

还是只使用console.log()进行调试？好吧，其实还有更多。

在浏览器控制台中打印消息无疑可以拯救所有开发人员. console.log()消息就像您的大多数疾病的药,同时调试了代码中的一些有线问题. 那里的大多数开发人员都喜欢— 让我们在浏览器中打印消息以了解有关此问题的更多信息.我敢肯定我不是唯一一个这样做的人.

一些DevTools的小技巧-让你不止会console.log()

转载请注明出处:葡萄城官网,葡萄城为开发者提供专业的开发工具.解决方案和服务,赋能开发者. 原文参考:https://www.sitepoint.com/beyond-console-log-level-up-your-debugging-skills/ 在开发过程中,你可能会经常用到控制台命令console.log(),但是,其实除了这个命令外,还有一些其他的命令和技巧可供我们使用,让我们看看它们究竟是什么,会不会为你的调试能力带来一点新的启发. 突破舒适区同样作为开发者,有一点不可否认的是

自己的兼容IE系列的console.log

console.log.apply 在某些浏览器下无法通过if进行验证,只能通过try catch进行验证: window.zlogs = function(){ try{ window.console.log.apply(console,arguments); }catch(e){ } }

console.log 被重写覆盖以后如何恢复

有时候一些项目中会使用类似如下的方式覆盖掉console对象: var console = {}; console.log = function(){}; console.info = function(){}; window.console = console; 这个时候如果需要在控制台调试一些接口(如ajax请求),就不方便使用console来显示一些返回数据了. 找了一下,发现可以使用如下方式暂时恢复console的功能. (function(){ var iframe = documen

alert与console.log

1.alert在页面中弹出 console.log是在控制台显示例子 var aa="Silence"; alert(typeof(aa)); console.log(typeof(aa)); alert显示 console.log在控制台显示 2.alert()函数会阻断JavaScript程序的执行,从而造成副作用:而console.log()仅在控制台中打印相关信息,因此不会造成类似的顾虑 3.JavaScript原型链中toString()方法输出alert()和consol

小谈chrome调试命令：console.log的使用

相信从事前端开发的您,一定不会陌生Mozilla五星级推荐的一款插件:firebug,它是如此强大,乃至于我们可以很方便地调试DHTML的近乎所有元素.而在它深邃的机体里,还存有一个命令:console.log. 她是用来做什么的?顾名思义,它是一个彪悍的日志记录功能,您可以从您自己的web页面上调用,然后以最快的方式转储尽可能多的信息到控制台上,从而能更醒目地让你意识到你的javascript下一步需要做什么. 那么,菜鸟级前端工程师贤心将与您分享这一可爱的朋友. 首先请尝试打开你的chrom

[Javascript] Grouping and Nesting Console Log Output

Organize your log output by grouping your logs into collapsable hierarchies using console.group(). ; i < ; i++){ ; console.groupCollapsed("Picking a random number!"); console.log(); console.log(); console.groupCollapsed("This is a nested

console.log几个小知识

console.log 简写

console.log 简写平常代码调试总会用到console.log,但是每次写这么长也是很麻烦,就想着存一个简介一点的变量: 然后就随手写了下面代码: var a = 10; var log = console.log; log(a); 调用的时候发现火狐浏览器报错了,仔细一看,要被自己蠢哭了, log(a),执行的时候函数内部的this变成了window对象,但是真正的 console.log()方法是在console对象下面的,函数内的this,也是指向console这个对象,所以会报

console.log

其实,console.log 不仅仅有一下应用 console.log() 这个应该是最常用的 console.error() 输出错误信息会以红色显示 console.assert(bool,”info”) 如果bool为false 打印出info 否则不打印 console.warn() 打印警告信息会以黄色显示 console.info() 打印一般信息 console.log("%d年%d月%d日",2018,10,25);console.log("圆周率是%f&

console.log在IE浏览器中会有异常

因为在IE浏览器无此方法,故此重写方法一: var console = console || { log: function () { return false; } }; 方法二:window.console && console.log('foo'); console.log('123456');

console.log()中的%d,%s等代表的输出类型

在console.log()或console.debug()中输出时会有%d,%s等符号. %s for a String value 字符类型 %d or %i for a Integer value 整型 %f for a Floating point number 浮点类型number %o for an Object hyperlink 对象类型超链接

console.log 和console.dir

热门专题