最新的Web開發教程
 

JavaScript調試


這是很容易迷路沒有調試編寫JavaScript代碼。


JavaScript調試

這是很難編寫JavaScript代碼沒有調試器。

您的代碼可能包含語法錯誤或邏輯錯誤,是難以診斷。

通常情況下,當JavaScript代碼包含錯誤,什麼都不會發生。 有沒有錯誤信息,你會得到任何跡象,其中以搜索錯誤。

通常情況下,錯誤會發生,每次嘗試寫一些新的JavaScript代碼的時間。


JavaScript調試

搜索在編程代碼中的錯誤被稱為代碼調試。

調試是不容易的。 但幸運的是,所有現代瀏覽器有一個內置的調試器。

內置調試器可以和關閉,迫使錯誤報告給用戶。

有了一個調試器,你也可以在代碼執行時設置斷點(地方執行代碼可以停止),並檢查變量。

通常情況下,否則按照本網頁底部的步驟,您激活調試與F12鍵你的瀏覽器,並在調試菜單中選擇“控制台”。


console.log()方法

如果你的瀏覽器支持的調試,你可以使用console.log()在調試器窗口中顯示的JavaScript值:

<!DOCTYPE html>
<html>
<body>

<h1>My First Web Page</h1>

<script>
a = 5;
b = 6;
c = a + b;
console.log(c);
</script>

</body>
</html>
試一試»

設置斷點

在調試器窗口中,可以設置在JavaScript代碼的斷點。

在每一個斷點,JavaScript的將停止執行,並讓您檢查的JavaScript值。

檢查值後,您可以繼續執行代碼(通常與一個播放按鈕)。


調試器關鍵字

調試器關鍵字停止的JavaScript的執行,並要求(如果有的話)的調試功能。

這具有相同的功能,在調試器設置斷點。

如果沒有調試可用,調試器語句沒有影響。

與調試器打開時,該代碼將停止執行其執行第三行之前。

var x = 15 * 5;
debugger;
document.getElementbyId("demo").innerHTML = x;
試一試»

主流瀏覽器“的調試工具

通常情況下,你在F12啟用瀏覽器的調試,並在調試菜單中選擇“控制台”。

否則,請按照下列步驟操作:

Chrome

  • 打開瀏覽器。
  • 從菜單中選擇工具。
  • 從工具,選擇開發工具。
  • 最後,選​​擇控制台。

Firefox Firebug

  • 打開瀏覽器。
  • 進入網頁:
    http://www.getfirebug.com
  • 按照說明如何:
    安裝Firebug的

Internet Explorer

  • 打開瀏覽器。
  • 從菜單中選擇工具。
  • 從工具,選擇開發工具。
  • 最後,選​​擇控制台。

Opera

  • 打開瀏覽器。
  • 進入網頁:
    http://dev.opera.com
  • 按照說明如何:
    添加一個開發者控制台按鈕工具欄。

Safari Firebug

  • 打開瀏覽器。
  • 進入網頁:
    http://extensions.apple.com
  • 按照說明如何:
    安裝Firebug的精簡版。

Safari Develop Menu

  • 去野生動物園,首先進的主菜單。
  • 選中“啟用顯示開發菜單欄菜單”。
  • 當新的選擇“發展”出現在菜單:
    選擇“顯示錯誤控制台”。

你知道嗎?

調試是測試的過程中,發現,並減少在計算機程序的錯誤(錯誤)。
第一個已知漏洞的計算機被卡在電子設備的真正的bug(昆蟲)。