<strike id="h9n1f"></strike>

    <listing id="h9n1f"><rp id="h9n1f"><noframes id="h9n1f">

    <noframes id="h9n1f">
      <ruby id="h9n1f"><ruby id="h9n1f"><b id="h9n1f"></b></ruby></ruby>

        <output id="h9n1f"><b id="h9n1f"></b></output>
        <del id="h9n1f"></del>
        <span id="h9n1f"><pre id="h9n1f"></pre></span>

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

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

          用Mozilla免費調試器調試JavaScript

          來源: www.stsazx.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.stsazx.com 網站地圖
          • 聯系我們 1978130638@qq.com ,  QQ
          中文字幕无码视频手机免费看

            <strike id="h9n1f"></strike>

            <listing id="h9n1f"><rp id="h9n1f"><noframes id="h9n1f">

            <noframes id="h9n1f">
              <ruby id="h9n1f"><ruby id="h9n1f"><b id="h9n1f"></b></ruby></ruby>

                <output id="h9n1f"><b id="h9n1f"></b></output>
                <del id="h9n1f"></del>
                <span id="h9n1f"><pre id="h9n1f"></pre></span>