JavaScript如何在復(fù)雜的調(diào)試過程中尋找重點(diǎn)

這篇文章給大家分享的是有關(guān)JavaScript如何在復(fù)雜的調(diào)試過程中尋找重點(diǎn)的內(nèi)容。小編覺得挺實(shí)用的，因此分享給大家做個(gè)參考，一起跟隨小編過來看看吧。

在復(fù)雜的調(diào)試過程中尋找重點(diǎn)

在更復(fù)雜的調(diào)試中，我們有時(shí)希望輸出很多行?？梢宰龅木褪潜３至己幂敵鼋Y(jié)構(gòu)，使用更多控制臺(tái)函數(shù)，例如, console.log, console.debug,  console.warn, console.info,  console.error等等。然后，可以在控制臺(tái)中快速瀏覽。但有時(shí)候，某些JavaScrip調(diào)試信息并不是你需要的?，F(xiàn)在，可以自己美化調(diào)試信息了。在調(diào)試JavaScript時(shí)，可以使用CSS并自定義控制臺(tái)信息：

console.todo = function(msg) {   console.log(‘ % c % s % s % s‘, ‘color: yellow; background - color: black;’, ‘–‘, msg, ‘–‘); }  console.important = function(msg) {   console.log(‘ % c % s % s % s’, ‘color: brown; font - weight: bold; text - decoration: underline;’, ‘–‘, msg, ‘–‘); }  console.todo(“This is something that’ s need to be fixed”); console.important(‘This is an important message’);

輸出：

例如：

在console.log()中， 可以用%s設(shè)置字符串，%i設(shè)置數(shù)字，%c設(shè)置自定義樣式等等，還有很多更好的console.log()使用方法。  如果使用的是單頁應(yīng)用框架，可以為視圖(view)消息創(chuàng)建一個(gè)樣式，為模型(models)，集合(collections)，控制器(controllers)等創(chuàng)建另一個(gè)樣式。也許還可以像wlog，clog和mlog一樣發(fā)揮想象力!

感謝各位的閱讀！關(guān)于“JavaScript如何在復(fù)雜的調(diào)試過程中尋找重點(diǎn)”這篇文章就分享到這里了，希望以上內(nèi)容可以對(duì)大家有一定的幫助，讓大家可以學(xué)到更多知識(shí)，如果覺得文章不錯(cuò)，可以把它分享出去讓更多的人看到吧！