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

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

Online Debugging Tools

1. Pastebin

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

2. JSON Formatter and Validator

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

3. JS Bin – Collaborative JavaScript Debugging

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

Browser-based Debugging Tools

4. Blackbird JavaScript Debug Helper

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

中止，使得分析更加流暢

5. JavaScript Shell

JS和DOM的命令行界面

6. JSDT – JavaScript Debug Toolkit

JSDT是一個(gè)可以在IE，F(xiàn)F，Safari，Chrome，Opera，Mobile IE中用來debug javascript的工具。能在所有支持AJAX的瀏覽器中使用

7. CJS – Companion.JS JavaScript Debugger

一個(gè)IE上Javascript的debugger。詳細(xì)報(bào)告JS錯(cuò)誤，并且擁有類似firebug的console API特性

8. DebugBar – IE Extension for Web Developers

以前文章中有介紹過這個(gè)工具，可以幫助你查看DOM tree并且修改標(biāo)簽屬性和CSS屬性，很方便的來查看及其debug JS方法

9. Opera Dragonfly

一個(gè)Opera browser的跨設(shè)備及其平臺(tái)的debugging環(huán)境 ，檢查和編輯CSS和DOM，并且可以查看相關(guān)錯(cuò)誤

10. Venkman JavaScript Debugger

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

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