/中文/
/中文/
/中文/
/中文/
/中文/
/中文/
/中文/
/中文/
/中文/
/中文/
應廣大淘寶店主的要求,今天小編特意為您準備了這款javascript調試工具。別它看體積雖小,但是這款淘寶優站javascript調試工具卻能幫助您調試淘寶優站建設中,物品跳轉JS是否正常。還要對您的淘寶優站調試帶來幫助!
F9:添加/移除 斷點
F10:逐過程,即跳過該語句中的方法、表達式等
F11:逐語句調試,即單步調試,會跳入方法、表達式,進行逐語句的跟蹤調試
在執行過程中,如果我們要執行即時的代碼,我們就需要在右側的窗格中輸入代碼,按回車即可。
如果要執行多行代碼,點擊運行按鈕右側的雙箭頭,就會打開多行模式。我就不再截圖片了
這種直接在瀏覽器中調試的方法同樣適用於Google瀏覽器Chrome和FireFox FireDebug,隻不過在細枝末葉上麵有些不同罷了,主體的功能都是一樣的。
按F12鍵進入開發者工具,可以查看源代碼、樣式和js。
點擊Scripts按鈕,可以打開這個調試窗口,裏麵包含了網頁中腳本文件源碼,點擊左側的按鈕可以打開選擇文件的側窗口。右側有調試的工具按鈕,不過我不喜歡這些純英文的界麵,所以大部分的調試都還是在IE下進行。並且會在IE下轉到VS中。
下麵我就介紹如何在VS中調試我們的JS代碼。
使用debugger關鍵字進行調試
這種方法很簡單,我們隻需要在進行調試的地方加入debugger關鍵字,然後當瀏覽器運行到這個關鍵字的時候,就會提示是否打開調試,我們選擇是就可以了。這種調試可以選擇調試工具,是新打開vs還是在現有的VS中調試,都可以選擇,個人比較喜歡這中調試方式。