[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 greater than 10?", num > 10);
    console.log("Number greater than 50?", num > 50);
        console.groupCollapsed("This is a nested log group");
        console.log(i);
        console.groupEnd();
    console.groupEnd();
}

时间: 2024-11-06 12:33:19

[Javascript] Grouping and Nesting Console Log Output的相关文章

JavaScript调试技巧之console.log()详解

转载 对于JavaScript程序的调试,相比于alert(),使用console.log()是一种更好的方式,原因在于:alert()函数会阻断JavaScript程序的执行,从而造成副作用:而console.log()仅在控制台中打印相关信息,因此不会造成类似的顾虑 一.什么是console.log()?除了一些很老版本的浏览器,现今大多数浏览器都自带调试功能:即使没有调试功能,也可以通过安装插件来进行补充.比如,老版本的Firefox没有自带调试工具,在这种情况下可以通过安装Firebug

JavaScript调试技巧之console.log()详解--2015-08-07

对于JavaScript程序的调试,相比于alert(),使用console.log()是一种更好的方式,原因在于:alert()函数会阻断 JavaScript程序的执行,从而造成副作用:而console.log()仅在控制台中打印相关信息,因此不会造成类似的顾虑 一.什么是console.log()?除了一些很老版本的浏览器,现今大多数浏览器都自带调试功能: 即使没有调试功能,也可以通过安装插件来进行补充.比如,老版本的Firefox没有自带调试工具,在这种情况下可以通过安装Firebug插

javascript中alert()与console.log()的区别

我们在做js调试的时候使用 alert 可以显示信息,调试程序,alert 弹出窗口会中断程序, 如果要在循环中显示信息,手点击关闭窗口都累死.而且 alert 显示对象永远显示为[object ]. 自己写的 log 虽然可以显示一些 object 信息,但很多功能支持都没有 console 好 [1]alert() [1.1]有阻塞作用,不点击确定,后续代码无法继续执行 [1.2]alert()只能输出string,如果alert输出的是对象会自动调用toString()方法 e.g. al

[Javascript] Advanced Console Log Arguments

Get more mileage from your console output by going beyond mere string logging - log entire introspectable objects, log multiple items in one call, and apply C-Style string substitution to make the console work for you. // Can accept multi args consol

JavaScript原型链中toString()方法输出alert()和console.log()得到不同的结果

<script language="javascript"> function myObj(){ var total = 0; } myObj.prototype.add = function(a,b){ this.total = a + b; } myObj.prototype.toString = function(){ return this.total; } var obj = new myObj(); obj.add(1,2); console.log(obj);

javascript 中的console.log和弹出窗口alert

主要是方便你调式javascript用的.你可以看到你在页面中输出的内容. 相比alert他的优点是: 他能看到结构话的东西,如果是alert,淡出一个对象就是[object object],但是console能看到对象的内容. console不会打断你页面的操作,如果用alert弹出来内容,那么页面就死了,但是console输出内容后你页面还可以正常操作. console里面的内容非常丰富,你可以在控制台输入:console,然后就可看到:Console {memory: MemoryInfo

JavaScript写到控制台的方法console.log()

如果您的浏览器支持调试,你可以使用 console.log() 方法在浏览器中显示 JavaScript 值. 浏览器中使用 F12 来启用调试模式, 在调试窗口中点击 "Console" 菜单. <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Insert title here</title> <script typ

[Javascript] Format console.log with CSS and String Template Tags

The Chrome console allows you to format messages using CSS properties. This lesson walks you through the syntax of formatting your logs with css then refactoring into a template tag function to make formatting more reusable. const debug = (label, sty

(转)Javascript中console.log()用法

原文地址应该是这个吧:http://my.oschina.net/junn/blog/142728 要想在IE下使用加在js最上面 加上下面两句话就可以了 window.console = window.console || {}; console.log || (console.log = opera.postError); 然后在下面的js代码中就可以使用 console.log.下图 IE开发者模式下的console.log