如何在Chrome DevTools控制檯中打印日誌輸出？

我希望能夠漂亮的打印數組對象等在Chrome DevTools控制檯。有沒有辦法實現這一點？如何在Chrome DevTools控制檯中打印日誌輸出？

謝謝！

2013-08-12 Villi Magg

你說的「漂亮的意思打印'？出現在控制檯中的東西被默認格式化（不同類型的不同字體顏色，擴展對象和數組的能力等） –

Hi @KonradDzwinel，我的意思是美化輸出以便更容易閱讀。但我不是在談論源文件的美化按鈕（{}）。但我的意思是當你有一個數組f.ex.並且不希望將其打印爲控制檯，而是作爲內聯陣列進行堆疊。謝謝！ –

DevTools沒有設置來更改默認控制檯輸出。但是你可以用你自己的函數重寫'console.log'。看到我的答案在這裏：http://stackoverflow.com/questions/18178896/different-clickable-log-items-in-chorome-dev-tools-console –

您可以將數據格式化爲JSON：

console.log(JSON.stringify({foo:1, bar:2}, null, 4)); 

{ 
    "foo": 1, 
    "bar": 2 
}

來源

2014-01-07 20:12:51 Petah

如果你是在一個breakpoint，你可以直接從Chrome DevTools控制檯呼叫JSON.stringify()：

> JSON.stringify(anObject, null, 2); 
<- "{ 
    "field": "foo", 
    "array": [ 
     { 
     "element": 1 
     }, 
     { 
     "element": 2 
     } 
    ], 
    "object": { 
     "inner_field": "bar" 
    } 
    }" 
----------------------------- 
>

來源

2016-10-17 20:23:28 EricRobertBrewer

如何在Chrome DevTools控制檯中打印日誌輸出？

回答

相關問題