console.log()与console.dir()

console.log()可以取代alert()或document.write(),在网页脚本中使用console.log()时,会在浏览器控制台打印出信息。

console.dir()可以显示一个对象所有的属性和方法。

代码格式:

之前想打印输出,ul的相关属性

控制台输出结果:

现在可以利用console.dir直接获取相关属性

控制台输出打印结果

.

原文地址:https://www.cnblogs.com/jianxian/p/10667125.html

时间: 2024-07-29 01:14:40

console.log()与console.dir()的相关文章

js中console.log()和console.dir()的区别

console.log(),会在浏览器控制台打印信息 console.dir()可以显示一个对象的所有属性和方法(详细打印,利于分析对象) 原文地址:https://www.cnblogs.com/l-millie/p/10145075.html

console.log(+‘2’) console.log(-‘2’) 输出什么?

+‘2’ 会将字符串‘2’转换为number类型2 -‘2’会将字符串‘2’转换为number类型1(自减); 所以 数字字符串之前存在数字中的正负号(+/-)时,会被转换成数字 console.log(typeof '3'); // string console.log(typeof +'3'); //number 同样,可以在数字前添加 '',将数字转为字符串 console.log(typeof 3); // number console.log(typeof (''+3)); //str

console.dir()和console.log()的区别

console.log()可以取代alert()或document.write(),在网页脚本中使用console.log()时,会在浏览器控制台打印出信息. console.dir()可以显示一个对象所有的属性和方法. 简单写了个例子: HTML: <button>console.log打印触发对象</button> <button>console.dir打印触发对象</button> JS://console.log 与 console.dir 的区别

远程log调试工具console.re

http://console.re/ https://github.com/kurdin/console-remote 前文提到在手机微信上调试代码很痛苦,看不到日志.为了看到日志,得把日志发到服务器,再搞个东西看服务器上的日志.console.re 就是这么一个服务. 主要使用步骤如下: 在html文件中引入<script src="http://console.re/connector.js" data-channel="<your-channel-name&

jquery下简化 console.log 的写法

window.ll = function f() { ll.history = ll.history || []; ll.history.push(arguments); if (this.console) { var a = arguments, c; try { a.callee = f.caller; } catch (b) {} c = [].slice.call(a); if (typeof console.log === "object") { log.apply.call

alert与console.log

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

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

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

[Javascript] Grouping and Nesting Console Log Output

Organize your log output by grouping your logs into collapsable hierarchies using console.group(). for(var i = 0; i < 100; i++){ var num = Math.random() * 100; console.groupCollapsed("Picking a random number!"); console.log("Number great

去除console.log()打印语句

打印语句:console.log() ,一句话描述它! “用的时候感觉贼爽,不用的时候脑袋痛吧?” 以下提供两种解决方案: 一. webpack打包时去除,适合Vue项目 二. vscode正则匹配,手动去除 1. 拖放整个项目文件夹到vscode 2. 选中文件夹,然后编辑->在文件中替换 1. console.log()加了分号 console\.log\(.*?\); 2. console.log()没加分号 console\.log\(.*?\) 准备出一篇简单易懂的正则. 原文地址:h