Jquery筆記(二)調試，jquery筆記調試

Jquery筆記(二)調試，jquery筆記調試

js調試以前用ie8使用alert一步步的，錯誤提示個人感覺不好。

現在使用chrome不僅可以js調試還可以調css線上看效果。F12點擊進入調試。

1.  Console選項卡可以看列印資訊。  可以在js代碼中使用console("進入**")列印語句，和alert不同alert()是彈框，而console是列印在控制台，

2.  Console選項卡輸入dom節點，$("****")斷行符號後可以看到選擇的元素。看到選素後就可以綁定事件。debug時候反過來，點擊事件沒有反應，可以用$("***")

看下是不是自己要選擇的節點。****可以是$("#id")   $(“.class”)也可以組合，只要是dom節點就可以。

3   Sources選項卡中可以選擇js檔案進行斷點調試，可以看到變數的值。

4   Elements選項卡可以查看HTML代碼,右側的視窗Styles可以線上改變樣式看效果。

Firefox安裝firebug。

下載firebug-3.0.0-alpha.6.xpi，開啟瀏覽器拖拽到裡面，點擊安裝完成。有些會因為版本不相容，下個別的版本試下。