接下來就好好介紹一下這七個開發除錯工具，用起來是真的爽啊，建議收藏使用哦！
Web瀏覽器中的開發工具
任何現代的 Web 瀏覽器都配有功能強大的工具來除錯應用程式， 如使用控制臺陳述句cconsole.log()，使用alert()的彈出視窗，還可以使用debugger陳述句暫停代碼執行，這些對于我們的除錯都很有幫助，
我們還可以使用網路檢查器或CSS樣式檢查器讓除錯變得更輕松流暢，
任何現代網路瀏覽器都配備了強大的工具來幫助除錯您的應用程式，它可以簡單到使用console.log()的控制臺陳述句，使用alert()的彈出視窗，甚至使用除錯器陳述句暫停代碼執行，這些工具對我們的除錯任務非常有幫助，尤其是除錯器陳述句，
Postman
地址：www.postman.com/
幾乎所有前端應用程式都發送和接收JSON回應和請求， 應用程式通過請求 API 可以做很多事情，例如身份驗證，用戶資料傳輸，甚至是一些簡單的事情，例如獲取所在位置的當前天氣，
Postman 是除錯介面的最佳工具之一， 它適用于 MacOS，Windows 和Linux的系統， 可以快速輕松地直接發送REST，SOAP和GraphQL請求，
使用 Postman，我們可以調整請求，分析回應和除錯問題， 當不確定問題出在前端還是后端時，這是很有幫助的，
CSS Lint
地址： csslint.net/
CSSLint 是一個用來幫你找出 CSS 代碼中問題的工具，它可做基本的語法檢查以及使用一套預設的規則來檢查代碼中的問題，規則是可以擴展的，
JSON Formatter & Validator
地址：jsonformatter.curiousconcept.com/
在未格式化的 JSON 中很難發現語法錯誤或鍵值不正確的鍵，因為它很難讀取， 對于 壓縮的 JSON 檔案，要發現其中的錯誤是比較難的，所以我們需要一種格式化的工具，
JSON Formatter & Validator tool 就是一個格式化 JSON 的工具，只需輸入壓縮的JSON格式，就能獲得正確格式，該工具也可以驗證 JSON 到 RFC 標準，
Sentry
地址：sentry.io/welcome/
無論測驗如何完善的程式，bug總是免不了會存在的，有些bug不是每次都會出現，測驗時運行好好的代碼可能在某個用戶使用時就歇菜了，可是當程式在用戶面前崩潰時，你是看不到錯誤的，當然你會說:”Hey, 我有記日志呢”， 但是說實話，程式每天每時都在產生大量的日志，而且分布在各個服務器上，并且如果你有多個服務在維護的話，日志的數量之多你是看不過來的吧，等到某天某個用戶實在受不了了，打電話來咆哮的時候，你再去找日志你又會發現日志其實沒什么用：缺少背景關系，不知道用戶什么操作導致的例外，例外太多（從不看日志的緣故）不知如何下手 等等，
Sentry就是來幫我們解決這個問題的，它是是一個實時事件日志記錄和聚合平臺，它專門用于監視錯誤和提取執行適當的事后操作所需的所有資訊, 而無需使用標準用戶反饋回圈的任何麻煩，
Sentry是一個日志平臺, 它分為客戶端和服務端，客戶端(目前客戶端有Python, PHP,C#, Ruby等多種語言)就嵌入在你的應用程式中間，程式出現例外就向服務端發送訊息，服務端將訊息記錄到資料庫中并提供一個web節目方便查看，Sentry 由 python 撰寫，原始碼開放，性能卓越，易于擴展，目前著名的用戶有Disqus, Path, mozilla, Pinterest等，
JSHint
地址：jshint.com/
JSHint 是一個 Javascript 代碼分析檢測工具，不僅可以幫助我們檢測到 JS 代碼錯誤和潛在問題，也能幫助我們規范代碼開發，
JSHint 掃描一個用JavaScript撰寫的程式，并報告常見的錯誤和潛在的bug，潛在的問題可能是語法錯誤、隱式型別轉換導致的錯誤、泄漏變數或其他完全的問題，
JSHint 掃描用 JavaScript 撰寫的程式，并報告常見的錯誤和潛在的錯誤， 潛在的問題可能是語法錯誤，由于隱式型別轉換導致的錯誤，變數泄漏或其他完全原因，
下面是一個示例函式，使用它來查看 JSHint 的運行情況:
BrowserStack
地址：www.browserstack.com/
現在擁有各自內核的瀏覽器越來越多，各自的特性也千差萬別，如果作為一個前端攻城師想要檢測網站在不同的作業系統和移動平臺下的各種瀏覽器的兼容性，那是相當痛苦不堪的，看到有在自己電腦上裝虛擬機配置各種環境，有自己的電腦上組建好這樣的環境，然后一一測驗，可是人的精力畢竟有限，我們沒法在同一臺電腦上裝那么多系統，那么多瀏覽器的，幸好出了個 BrowserStack 是前端的福音呀，
BrowserStack 是一款提供網站瀏覽器兼容性測驗的在線云端測驗工具，從而開發測驗人員不必再準備很多虛擬機或者手機模擬器，
BrowserStack 是一個提供網站瀏覽器兼容性測驗的在線云端應用，支持9大作業系統上的100多款瀏覽器，支持本地測驗，支持與Visual Studio集成，或者你也可以直接前往 modern.ie 在線測驗，現在注冊可以免費試用三個月，三個月后是收費的，三個月后要是你想用又不想付費作為天朝的開發者你懂得，
總結
對了，小編為大家準備了一套2020最新的web前端資料，需要點擊下方鏈接獲取方式
學習前端，你掌握這些，二線也能輕松拿8K以上
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/47799.html
標籤：JavaScript