如何在 Google Chrome JavaScript 控制台中打印调试消息？

在控制台中打印非常简单，我们只需要知道如何在 chrome 上激活控制台以进行查看。控制台始终处于活动状态，我们所做的只是使其对前端可见。控制台是提供对浏览器调试控制台的访问的对象。控制台对象有很多方法可以帮助我们打印自定义调试。

在这里，有以下方法：

• assert():行为类似于 'if'，如果为 false，则打印到控制台。
• clear()：清除控制台。
• count()：每当它被调用时计数。
• error()：打印错误（如果有）。
• group()：在控制台中创建一个新的内联组。
• groupCollapsed()：在控制台中创建一个新的内联折叠组。
• groupEnd()：退出控制台中的内联组。
• info()：作为日志，用于优先级信息。
• log()：向控制台输出消息。
• table()：将表格数据显示为表格。
• time()：跟踪特定任务发生的时间。
• timeEnd()：结束跟踪器。
• trace()：输出堆栈跟踪。
• warn()：输出警告信息。

Click on F12 after running the script and it opens the Developer Tools, navigate to the Console tab, which will be on the top menu.

示例 1：

  

  
    Debugging in Console
  
    On Clicking the below button,
      myFunction() invokes and prints in the console.
    
    
    
        function myFunction() {
            //prints in console
            console.log("log:Tony sent a message"); 
            
            //prints in console
            console.info("info:Quill recieved."); 
        }
    
  

  

输出：
前：

输出1

点击按钮后：

输出2

示例 2：查看 console.table() 以更好地理解方法。

  

  
    Debugging in Console
  
    On Clicking the below button, 
      myFunction() invokes and prints in the console.
    
    
        function myFunction() {
            console.table(["Quill", "Gamora", "Drax",
                           "Groot", "Rocket", "mantis"]);
        }
    
  

  

输出
前：

输出1

点击按钮后：

输出2