js日誌

javascript日誌,在需要跟蹤測試js代碼的時候特別好用,特別是長時間的跟蹤測試,不需要彈出一個又一個的alert框。

 

兩個調試JavaScript的方式,一種是叫做:Log4JS;一種叫做:Lumberjack。我個人比較喜歡後者。


   Log4JS:Log4JS
在思想上與Apachelog4j類似的JavaScript調試工具。Log4JS日誌輸出到一個可定製的日誌類中。可以在http://log4js.sourceforge.net上找到它。可以使用的日誌類有四個:alert,write,popup,consolewrite日誌類把日誌寫入瀏覽器的一個新的頁面。popup日誌類把日誌寫入一個單獨的瀏覽器窗口,這有利於跟蹤日誌消息。最後console日誌類把日誌寫到Safari的控制檯上,如果瀏覽器不是Safari,那麼就把日誌寫入一個對話框。
   Log4JS
log4j的相似之處在於它們都定義了不同的日誌級別。Log4JS中的日誌級別按照遞增順序依次是DEBUGINFOWARNERRORFATALNONE。一個日誌類只會記錄與自己的級別相同或更高的信息。例如,如果一個日誌類的級別是WARN,那麼由info()方法產生的消息將不會被輸出,但是由warn()error()fatal()方法產生的信息就會被輸出。

   
如果你曾經使用過log4j,那麼使用Log4JS就會非常簡單。需要記住的是,把日誌類的日誌級別設置爲NONE可以禁用日誌類。在你的產品級應用中使用Log4JS的一種方法是在一個單獨的JavaScript文件中定義應用所用到的所有日誌類,這樣就可以在所有頁面中使用它們。在把應用部署到產品環境中時,只需更新這個JavaScript文件,禁用所有的日誌記錄即可。更進一步,你也可以使用Antreplace任務根據執行構建類型的不同(開發、測試或產品)而設置日誌級別。
 

 

 

個人注:在我發的例子中,log4JavaScript.jsLog4JS的核心代碼,其他代碼可以不用引入。裏面的說明文檔都是英文的,看不懂,誰要是有中文的文檔,分享一下,謝謝!

 

     LumberjackLumberjack是另一款基於JavaScript日誌記錄實用工具,其網址是  http://gleepglop.com/javascripts/logger。和Log4JS一樣,Lumberjack也受到了Apache log4j的啓發。

     Lumberjack與其他JavaScript日誌框架的不同之處在於它顯示日誌信息的方法。Lumberjack把所有的日誌信息都寫入一個特殊的窗口,使用Alt+D(個人注:這個快捷鍵在ie6上好用,但是在ie7上不能用,因爲快捷鍵衝突了,把js改一下,換個快捷鍵就ok了!(在Mac OS X上是Cmd+D)組合鍵可以激活這個窗口。這個輸出窗口是一個顯示在網頁底部的浮動窗口,即使在上下滾動網頁的時候,它的位置也不會改變。這個輸出窗口還包含一個基於正則表達式的過濾器,所以只會顯示指定類型的錯誤。同時,它還包含一個JavaScript命令行,可以在其中輸入JavaScript命令。
    Lumberjack
需要Prototype庫:Lumberjack依賴於JavaScriptPrototype,可以在http://prototype.conio.net上找到這個庫。由於這種依賴性,當在HTML頁面中使用<script>標籤分別引入它們的JavaScript文件時,一定要把Prototype列在Lumberjack之前。瀏覽器會根據JavaScript文件在HTML頁面中列出的順序讀取並執行它們。如果把Lumberjack列在Prototype之前,那麼當瀏覽器嘗試執行Lumberjack腳本的時候就會發生錯誤,因爲找不到未被執行的Prototype腳本中的值
    與使用Log4JS時需要創建單獨的日誌類不同,Lumberjack把所有的日誌方法都作爲Logger類的靜態方法公開。Logger類共公開了4日誌方法:infodebugwarnerror。每個方法都接受一個代表被記錄信息的字符串參數。Logger類還公開了一個log方法,它接受兩個參數:代表被記錄信息的字符串和代表日誌級別的字符串

 

個人注:在我發的例子中,logger.jsLumberjack的核心代碼。根據上面紅色字體的說明,我在引入js的時候將Prototype.jslogger.js放在了所有js的最前面。個人認爲這種用日誌顯示最好。

 

       Js生成txt文件記錄日誌:

本方法目前有缺陷:

1、每次寫入內容的時候,都會將以前的日誌清空,所以顯示的永遠是最近一次的日誌;

2、說明文檔不全,參數說明不全。

 

發佈了51 篇原創文章 · 獲贊 3 · 訪問量 4445
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章