分享十個JavaScript在線調試工具

jopen 8年前發布 | 21K 次閱讀 JavaScript

測試Javascript可能是網頁開發中最讓人憂傷的工作。這里我找一些比較好的工具來幫助大家進行測試工作。這10款是我精選的基于瀏覽器的JavaScript在線調試工具,希望你們對你們有用。

1.Opera Dragonfly一個Opera browser的跨設備及其平臺的debugging環境 ,檢查和編輯CSS和DOM,并且可以查看相關錯誤

2.JS Bin – Collaborative JavaScript Debugging這個工具類似于jsfiddle,可以幫助大家來在線分享和協作調試JS和CSS代碼片段, 你不需要關注上下文。它允許你編輯和測試JS和HTML。 Browser-based Debugging Tools

3.Blackbird JavaScript Debug Helperalert()可能是大家使用比較多的調試手段。blackbird提供了一個樣式化的console來幫助大家記錄,查看和過濾js信息,很大程度幫助開發人員避免處理程序的時候被alert中止,使得分析更加流暢

4.JSON Formatter and ValidatorJSON格式化工具用來幫助打來調試JSON。因為JSON數據格式經常沒有換行,可能非常難于閱讀。這個工具可以幫助你解決這個問題

5.Venkman JavaScript DebuggerVenkman是Mozilla的JS debugger代碼名字 。主要為基于Mozilla的瀏覽器提供強大的JS測試環境

6.JSDT – JavaScript Debug ToolkitJSDT是一個可以在IE,FF,Safari,Chrome,Opera,Mobile IE中用來debug javascript的工具。能在所有支持AJAX的瀏覽器中使用

7.PastebinPastebin是一個協作式的調試工具,幫助你在IRC,IM或者消息版上對話來分享和修改代碼片段

8.CJS – Companion.JS JavaScript Debugger一個IE上Javascript的debugger。詳細報告JS錯誤,并且擁有類似firebug的console API特性

9.JavaScript ShellJS和DOM的命令行界面

10.DebugBar – IE Extension for Web Developers以前文章中有介紹過這個工具,可以幫助你查看DOM tree并且修改標簽屬性和CSS屬性,很方便的來查看及其debug JS方法

作者:極道先生

原文鏈接: http://www.cnblogs.com/croso/p/5236425.html

本篇文章由 HTML5夢工場 小編從其他媒體精選前端相關文章轉載,僅供網友學習和交流,如果小編的工作有侵犯到您的權益,請及時聯系小編QQ:123464386,將會在第一時間進行處理!投稿與合作,請發至郵箱:tommy@html5dw.com

來自: http://www.html5dw.com/post?id=1400

 本文由用戶 jopen 自行上傳分享,僅供網友學習交流。所有權歸原作者,若您的權利被侵害,請聯系管理員。
 轉載本站原創文章,請注明出處,并保留原始鏈接、圖片水印。
 本站是一個以用戶分享為主的開源技術平臺,歡迎各類分享!