• [織夢吧]唯一域名:www.1kkarat.com,織夢DedeCMS學習平臺.

    當前位置: > 網頁制作 > Ajax >

    用Mozilla免費調試器調試JavaScript

    來源: www.1kkarat.com 編輯:織夢吧 時間:2018-09-19點擊:

    編程錯誤是生活中的嚴酷事實,但你不應在追蹤這些錯誤的同時捶胸頓足。更加穩定的語言,如Java和.NET系統語言提供簡化問題追蹤過程的開發環境。

    JavaScript開發者擁有較少的選項,但提供你所需的一切功能。(Venkman是這個調試器的代號。)

    Venkman JavaScript調試器

    這個調試器的前身為Netscape的JavaScript調試器,它是Mozilla的一個附加產品。Venkman JavaScript調試器既是一個圖形,也是一個控制臺調試器。

    下載并安裝Venkman JavaScript調試器后,就可以通過“工具|Web開發|JavaScript調試器”菜單啟動它。這個附加產品允許你查看和調試位于源文件或網頁中的JavaScript。它提供以下特性:

    • 斷點管理:斷點允許你在源代碼的特定位置終止代碼執行。你可以在這個工具內設置和清除斷點,這允許你在調試時輕松控制程序流程。雙擊斷點打開與之對應的文件,斷點行也會高亮顯示。
    • 調用堆棧檢查:通過這個特性可粗略了解腳本運行時調用了哪些內容。雙擊調用堆棧中的一個項目,打開它包含的文件,突出顯示與調用堆棧中項目對應的行。
    • 變量/對象檢查:這個特性允許你在執行腳本時查看變量和對象的值。
    • 查看源代碼:調試器界面的腳本視圖允許你查看被調試的JavaScript代碼。
    • 執行JavaScript代碼:你可以在調試器中輸入并運行自己的JavaScript代碼。

    調用堆棧、打開文件和變量/對象視圖以樹狀顯示。任何旁邊有扭曲圖標的項目都包含子對象,可以打開扭曲圖標查看這些子對象。工具欄內包含表示基本調試特性的按鈕,包括:

    • 終止:停止執行當前腳本,只有在腳本運行時有效。
    • 繼續:允許你在用斷點終止腳本執行后恢復腳本運行。
    • 跳過:允許你跳過一個函數調用。只有在逐行遍歷一段代碼時它才有用;調用時它允許你跳過一個函數的代碼。函數調用繼續,你接著運行被調用函數之后的代碼。
    • 跳進:一次運行一個語句。遍歷一個語句后,你可以在其它調試窗口中看到它的效果。而且,當你調用函數時,它允許你進入這個函數內。
    • 跳出:執行當前函數的剩余部分,執行在調用它的那一行終止。(只有使用Step Into,轉入被調用的函數執行時它才有效。)
    • 剖析:激活或禁用當前運行腳本的代碼剖析。

    用Venkman JavaScript調試器調試一個文件

    用Firefox和Venkman JavaScript調試器調試JavaScript代碼相當簡單。首先,你將要調試的頁面加載到Firefox中。之后,通過工具菜單啟動調試器,打開調試器后,當前頁面即位于文件列表中。

    你可以在文件列表中導航頁面,雙擊打開和查看它包含的文件,其中包括加載到頁面中的JavaSrcipt文件。你可以雙擊JavaSrcipt文件查看它的源代碼,并對其使用調試器特性。

    例如,你可以設置斷點,返回瀏覽器窗口并與頁面交互,觸發JavaSrcipt執行,并在遇到斷點時停止執行。這時,你可以通過調試器選項(跳進、跳過等)繼續執行代碼,同時監控變量和對象。調試器的另一個顯著特點是你可以對代碼進行剖析,找出低效的代碼。

    用Venkman JavaScript調試器剖析代碼

    Venkman JavaScript調試器的剖析特性允許你監控代碼執行,追蹤存在低效代碼的瓶頸。剖析下拉菜單允許你打開收集、清除剖析數據和保存剖析數據。剖析文件可以保存為HTML、XML、文本或逗號分隔的文件。

    下面的代碼中包含一部分通過剖析特性收集到的樣本數據。它包括源文件名和執行時間窗口、所使用函數的名稱(包括源代碼行號)、運行時調用函數的總次數、以及執行總時間。

    prototype.js: 750 - 2500 milliseconds

    Function Name: [from] (Lines 489 - 498)

    Total Calls: 2 (max recurse 0)

    Total Time: 2359.38 (min/max/avg 0/2359.38/1179.69)

    Time (ex. calls): 2359.38 (min/max/avg 0/2359.38/1179.69)

    剖析數據允許你查出可能對代碼的性能造成負面影響的代碼和函數。

    用Venkman JavaScript調試器追蹤問題

    JavaScript開發者需要Mozilla Venkman JavaScript調試器。該插件允許你輕松地遍歷代碼執行、監控變量和對象、并定位任何可能給性能造成負面影響的代碼。

    價格標簽是Venkman JavaScript調試器的最佳特性——你可以在各種版本的基于Mozilla的瀏覽器(如Firefox)中免費使用這一特性。

    作為一名資深開發者,我喜愛這個調試器,因為它顯著簡化了JavaScript代碼調試工作。

    Tony Patton擁有豐富的Java、VB、Lotus及XML認證方面的知識,是一個專業的應用程序開發人員。

     

    標簽:

    About D8

    • ©2014 織夢吧(d8) DedeCMS學習交流平臺
    • 唯一網址 www.1kkarat.com 網站地圖
    • 聯系我們 1978130638@qq.com ,  QQ
    视频一区二区中文字幕日韩在线视频_视频一区二区中文字幕亚洲精品