10個基於瀏覽器的JavaScript除錯工具

發表於2013-04-26

英文:10 JavaScript Online and Browser-based Debugging Tools,編譯:gbin1

除錯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 Tools

4. 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除錯環境

相關文章