
通常網頁設計師在除錯時都是用內建的 alert(),不過它會中斷程式的運作,因此就有像 firebug 等套件來做更進階的除錯方式。如果懶的去判斷瀏覽器是否支援 console.log() 的話,那就讓 jQuery.log 來幫你做判斷吧。如果瀏覽器不支援 console.log() 的情況下才會使用 alert() 的方式來輸出訊息!
套件名稱:jQuery.log
套件版本:1.0
作者網站:http://azoffdesign.com/plugins/js/log
套件網址:http://plugins.jquery.com/project/log
發佈日期:2009-09-22
檔案大小:1.86 KB
檔案下載:jquery.log.js
參數說明:
檢視原始碼 JavaScript
1 2 3 | param(必填) 描述: 要輸出的訊息 預設值: 無 |
方法說明:
檢視原始碼 JavaScript
1 2 | // 讓指定的元素產生延遲的效果 $.log([args...]); |
使用範例:
檢視原始碼 JavaScript
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 | <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript" src="jquery.log.js"></script> <script type="text/javascript"> $(function(){ $("#btn1, #btn2").click(function(e){ // log 會記錄時間跟事件 $.log(new Date(e.timeStamp) + " 點擊了按鈕" + e.target.id); }); }); </script> <body> <input id="btn1" type="button" value="Click Me 1" /> <input id="btn2" type="button" value="Click Me 2" /> </body> |
附註:
在 Google Chrome 中使用時,雖然它有支援 console.log(),但要自行叫出 Developer Tools 才看的到訊息。