開發者控制台
代碼是很容易出現錯誤的。你也很可能犯錯誤...... 哦，我在說什么？只要你是人，你一定會犯錯誤（在寫代碼的時候），除非你是機器人。
但在瀏覽器中，默認情況下用戶是看不到錯誤的。所以，如果腳本中有錯誤，我們看不到是什么錯誤，更不能夠修復它。
為了發現錯誤並獲得一些與腳本相關且有用的信息，瀏覽器內置了“開發者工具”。
通常，開發者傾向於使用 Chrome 或 Firefox 進行開發，因為它們有最好的開發者工具。一些其他的瀏覽器也提供開發者工具，有時還具有一些特殊的功能，通常它們都是在追趕 Chrome 或 Firefox。所以大多數人都有“最喜歡”的瀏覽器，當遇到某個瀏覽器獨有的問題的時候，人們就會切換到其他的瀏覽器。
開發者工具很強大，功能豐富。首先，我們將學習如何打開它們，查找錯誤和運行 JavaScript 命令。
Google Chrome
打開網頁 bug.html。
在 JavaScript 代碼中有一個錯誤。一般的訪問者看不到這個錯誤，所以讓我們打開開發者工具看看吧。
按下 key:F12 鍵，如果你使用 Mac，試試 key:Cmd+Opt+J。
開發者工具會被打開，Console 標簽頁是默認的標簽頁。
就像這樣：
具體什么樣，要看你的 Chrome 版本。它隨着時間一直在變，但是都很類似。
- 在這我們能看到紅色的錯誤提示信息。這個場景中，腳本里有一個未知的 “lalala” 命令。
- 在右邊，有個可點擊的鏈接
bug.html:12。這個鏈接會鏈接到錯誤發生的行號。
在錯誤信息的下方，有個 > 標志。它代表“命令行”，在“命令行”中，我們可以輸入 JavaScript 命令，按下 key:Enter 來執行（key:Shift+Enter 用來輸入多行命令）。
現在，我們能看到錯誤就夠了。稍后，在 info:debugging-chrome 章節中，我們會重新更加深入地討論開發者工具。
Firefox、Edge 和其他瀏覽器
大多數其他的瀏覽器都是通過 key:F12 來打開開發者工具。
他們的外觀和感覺都非常相似，一旦你學會了他們中的一個（可以先嘗試 Chrome），其他的也就很快了。
Safari
Safari（Mac 系統中的瀏覽器，Windows 和 Linux 系統不支持）有一點點不同。我們需要先開啟“開發菜單”。
打開“偏好設置”，選擇“高級”選項。選中最下方的那個選擇框。
現在，我們通過 key:Cmd+Opt+C 就能打開或關閉控制台了。另外注意，有一個名字為“開發”的頂部菜單出現了。它有很多命令和選項。
通常，當我們向控制台輸入一行代碼后，按
key:Enter，這行代碼就會立即執行。如果想要插入多行代碼，請按
key:Shift+Enter來進行換行。這樣就可以輸入長片段的 JavaScript 代碼了。
總結
- 開發者工具允許我們查看錯誤、執行命令、檢查變量等等。
- 在 Windows 系統中，可以通過
key:F12開啟開發者工具。Mac 系統下，Chrome 需要使用key:Cmd+Opt+J，Safari 使用key:Cmd+Opt+C（需要提前開啟）。
現在我們的環境准備好了。下一章，我們將正式開始學習 JavaScript。
現代 JavaScript 教程：開源的現代 JavaScript 從入門到進階的優質教程。
在線免費閱讀：https://zh.javascript.info/
掃描下方二維碼，關注微信公眾號「技術漫談」，訂閱更多精彩內容。
