一直以來,由于缺乏規范的調試環境和強大的開發平臺。在HTML、CSS和JavaScript等技術上,人們要所投入大量的時間和精力進行枯燥的測試。然而,Firebug的出現極大地節約了Web開發者的開發時間。尤其是其JavaScript控制臺(Console)讓開發者手中的HTML頁面活了起來。
我們平時接觸最多的,就是console.log、console.info和console.error了:無論是直接輸出JavaScript的運行結果,還是和ActionScript配合進行HTML中的ActionScript-JavaScript連調,這些方法都十分好用。只需要一個簡單的console.log(someVariable);或者在ActionScript中一行com.flash.external.ExternalInterface.call("console.log",someVariable);就能看到變量(表達式)的結果。
然而,Console其實還提供許多強大的API接口。許多朋友似乎還不知道。下面就分享幾個我所知道的,歡迎補充。
console.dir(anyObject) – 直接輸出對象的結構,范例如圖:
console.dirxml(anyDOMNode) – 類似上例,按縮進格式輸出一段HTML結點的內容,如圖:
console.time(slugName) – console.timeEnd(slugName) – 記錄某一個時間戳的執行時間,可用于優化循環語句,如圖:
console.group() – console.groupEnd() – 分組輸出內容,看圖就明白了: