10款基于网页浏览器的JavaScript代码调试工具

2012-01-27 18:04:21 来源：gbin1

调试Javascript可能是web开发中最让人郁闷的事情。所以这里我们绝定来寻找一些好的工具来帮助大家调试。这里是10款我们精选的基于浏览器的JS在线调试工具，希望大家喜欢！

Online Debugging Tools

1. Pastebin

Pastebin是一个协作式的调试工具，帮助你在IRC，IM或者消息版上对话来分享和修改代码片段

Pastebin

JSON格式化工具用来帮助打来调试JSON。因为JSON数据格式经常没有换行，可能非常难于阅读。这个工具可以帮助你解决这个问题

JSON Formatter and Validator

这个工具类似于jsfiddle，可以帮助大家来在线分享和协作调试JS和CSS代码片段，你不需要关注上下文。它允许你编辑和测试JS和HTML。

JS Bin

Browser-based Debugging Tools

4. Blackbird JavaScript Debug Helper

alert()可能是大家使用比较多的调试手段。blackbird提供了一个样式化的console来帮助大家记录，查看和过滤js信息，很大程度帮助开发人员避免处理程序的时候被alert

中止，使得分析更加流畅

Blackbird

JS和DOM的命令行界面

JavaScript Shell

JSDT是一个可以在IE，FF，Safari，Chrome，Opera，Mobile IE中用来debug javascript的工具。能在所有支持AJAX的浏览器中使用

JSDT

一个IE上Javascript的debugger。详细报告JS错误，并且拥有类似firebug的console API特性

CJS

以前文章中有介绍过这个工具，可以帮助你查看DOM tree并且修改标签属性和CSS属性，很方便的来查看及其debug JS方法

DebugBar

一个Opera browser的跨设备及其平台的debugging环境，检查和编辑CSS和DOM，并且可以查看相关错误

Opera Dragonfly

Venkman是Mozilla的JS debugger代码名字。主要为基于Mozilla的浏览器提供强大的JS调试环境

Venkman

教程排行榜: QQ、淘宝、MSN、Skype在线状态代码生成方法; 四个免费的在线LOGO和徽章生成工具; 分享三款免费的在线字体设计工具; 十五个免费在线制作网站标志的工具; IE调试工具：Microsoft SuperPreview for IE(附下载); 18款Wordpress最佳的免费幻灯片画廊插件推荐; 解决eWebEditor编辑器在IE8中不能正常使用的方法; 四款可以整合到网站的网页版即时通信IM插件系统; 21个可用于网站和博客的免费视频播放器插件; 国外五款主流的免费网站流量统计工具; 三款字体辨认、查找、生成的免费在线字体应...; 实用的网站Web表单(包括WordPress插件)在线创建工具; 利用google翻译器制作多语种网站; 十七款用于Chrome的网页设计开发工具扩展; 六款网址代推、收藏与分享按钮工具推荐; WEB开发之调试利器—Firebug应用全介绍

下载排行榜: 带标题显示拉洋片式的jQuery滑动幻灯特效插件; 带标题和数字导航的JS焦点幻灯特效代码; 基于jQuery的超炫酷的3D切换JS幻灯焦点图特效代码; 支持幻灯、相册、滚动、TAB选项卡等效果的...; 半透明立体质感的宽屏flash+xml焦点幻灯代码; 31款简单实用的CSS+JS下拉菜单脚本; 适合摄影网站超漂亮的宽屏flash+xml幻灯轮换代码; 简洁效果多图切换flash幻灯焦点图代码; 基于jQuery实现的瀑布流布局列表特效代码; 3D立体效果金字塔环形旋转的flash+xml相册代码; 透明质感上下滑动带小图预览5屏JS焦点图幻...; 兼容firefox和IE的QQ、淘宝旺旺在线客服代码; 自带多种幻灯效果支持缩略图导航的jquery画...; 能自动弹出对话信息框的QQ在线客服代码; 6屏幻灯上下滑动式带缩略图和文字介绍的fla...; 很好看的带缓冲效果CSS下拉菜单导航代码