日期：2012/01/18  來源：GBin1.com

調(diào)試Javascript可能是web開發(fā)中最讓人郁悶的事情,。所以這里我們絕定來尋找一些好的工具來幫助大家調(diào)試。這里是10款我們精選的基于瀏覽器的JS在線調(diào)試工具,，希望大家喜歡,！

Online Debugging Tools

1. Pastebin

Pastebin是一個協(xié)作式的調(diào)試工具，幫助你在IRC,，IM或者消息版上對話來分享和修改代碼片段

2. JSON Formatter and Validator

JSON格式化工具用來幫助打來調(diào)試JSON,。因為JSON數(shù)據(jù)格式經(jīng)常沒有換行，可能非常難于閱讀,。這個工具可以幫助你解決這個問題

3. JS Bin – Collaborative JavaScript Debugging

這個工具類似于jsfiddle,，可以幫助大家來在線分享和協(xié)作調(diào)試JS和CSS代碼片段，   你不需要關(guān)注上下文,。它允許你編輯和測試JS和HTML,。

Browser-based Debugging Tools

4. Blackbird JavaScript Debug Helper

alert()可能是大家使用比較多的調(diào)試手段。blackbird提供了一個樣式化的console來幫助大家記錄,，查看和過濾js信息,，很大程度幫助開發(fā)人員避免處理程序的時候被alert

中止，使得分析更加流暢

5. JavaScript Shell

JS和DOM的命令行界面

6. JSDT – JavaScript Debug Toolkit

JSDT是一個可以在IE,，F(xiàn)F,，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的跨設(shè)備及其平臺的debugging環(huán)境 ,，檢查和編輯CSS和DOM,，并且可以查看相關(guān)錯誤

10. Venkman JavaScript Debugger

Venkman是Mozilla的JS debugger代碼名字 。主要為基于Mozilla的瀏覽器提供強大的JS調(diào)試環(huán)境

來源：分享10個基于瀏覽器的javascript在線debugging工具