調試JavaScript可能是Web開發中最讓人鬱悶的事情。所以這裡我們絕定來尋找一些好的工具來協助大家調試。這裡是10款我們精選的基於瀏覽器的JS線上調試工具,希望大家喜歡!
Online Debugging Tools
1. Pastebin
Pastebin是一個協作式的調試工具,協助你在IRC,IM或者訊息版上對話來分享和修改程式碼片段
2. JSON Formatter and Validator
JSON格式化工具用來協助打來調試JSON。因為JSON資料格式經常沒有換行,可能非常難於閱讀。這個工具可以協助你解決這個問題
3. JS Bin – Collaborative JavaScript Debugging
這個工具類似於jsfiddle,可以協助大家來線上分享和協作調試JS和CSS程式碼片段, 你不需要關註上下文。它允許你編輯和測試JS和HTML。
Browser-based Debugging Tools4. Blackbird JavaScript Debug Helper
alert()可能是大家使用比較多的調試手段。blackbird提供了一個樣式化的console來協助大家記錄,查看和過濾js資訊,很大程度協助開發人員避免處理常式的時候被alert中止,使得分析更加流暢
5. JavaScript Shell
JS和DOM的命令列介面
6. JSDT – JavaScript Debug Toolkit
JSDT是一個可以在IE,FF,Safari,Chrome,Opera,Mobile IE中用來debug javascript的工具。能在所有支援AJAX的瀏覽器中使用
7. CJS – Companion.JS JavaScript Debugger
一個IE上Javascript的debugger。詳細報告JS錯誤,並且擁有類似firebug的console API特性
8. DebugBar – IE Extension for Web Developers
以前文章中有介紹過這個工具,可以協助你查看DOM tree並且修改標籤屬性和CSS屬性,很方便的來查看及其debug JS方法
9. Opera Dragonfly
一個Opera browser的跨裝置及其平台的debugging環境 ,檢查和編輯CSS和DOM,並且可以查看相關錯誤
10. Venkman JavaScript Debugger
Venkman是Mozilla的JS debugger代碼名字 。主要為基於Mozilla的瀏覽器提供強大的JS調試環境
文章出自:gbin1