如何调试网页和javaScript

您不会还在用不断的alert来调试你的js代码吧

来介绍一下我使用调试网页的工具吧

对于IE

    脚本调试器使用office内置或.net的脚本调试器就可以了(如果没有去微软下载简板)，你要做的只是我在上一篇中介绍的方法打开脚本调试（修改ie工具- -选项- -高级中的2个默认设置： 去掉“禁用脚本提示”的选择，勾选“显示每个脚本的错误通知”）。然后在你想进入调试的js中的地方加入一句话“debugger；”即可在运行到这句话时进入调试环境；当网页出错时，会弹出对话框问你是否调试，点击“是”也可以进入脚本调试。调试进入的是.net的调试环境，可以设断点，步进跟踪等等，可以查看变量内容，变量重新赋值，查看调用堆栈等等，调试自己开发的网页那是相当的好用

    HttpWatch是一个监测浏览器和服务器间http协议交互内容的强大工具，上网找个试用版吧，有了他所有的交互都无所遁形

对于FireFox

    firebug是个绝好的插件，设置断点，查看dom，点击网页定位代码，在多js文件内查找方法定义等等等等，试试吧，好到你无法拒绝。相对与IE的脚本调试器，firebug的好处是可以方便的为别人的网站中的js设置断点，然后进行跟踪，转位仁兄的详细介绍。js本身是透明的，这个算是偷学别人js的利器

    Live HTTP Headers是个类似HttpWatch的插件，但是没有那么功能强大，如果你访问的网站不是只支持firefox不支持ie，那你还是用HttpWatch吧

    有了firebug之后我似乎不再需要别的了，没错！不过还有几个插件还是很好用的，反正免费不如下来用用可能对你胃口

    View Source Chart老牌插件了，可以方便的查看页面结构

    jsView 方便的查看页面引用的所有js和css文件，对于含有动态js的网页的js查看很有帮助

    IE Tab 提供切换到IE的快捷方式，即方便对比也可免去在IE和FF间复制网址这样的无趣的事

    罗嗦一句，FF中工具->附加软件->获取扩展，在打开页面搜索框中搜上面这些插件就可以下载

    还有就是 FireFox2自带了Dom查看器， 在安装时候选择自定义安装，就可以选择安装Dom查看器，然后即可从工具菜单中打开。Dom查看器展示当前页面清晰的DomTree结构，选中某个叶子结 点，可以查看他支持的属性与方法。这样可以方便的知道有些IE常用的属性方法，在FireFox中有没有相应的方法，方法名是否一样。谁让我没有找到 FireFox的HTML和JS手册呢

对于Opera

    Opera自带DEV工具，通过工具->高级->开发者工具打开。类似Dom查看器和jsView的结合体，功能一般般，试试看就知道了。只是没有设置断点和变量Watch的功能，不爽！不过Opera和FireFox很像了，基本上FF跑的通的Opera也行。前几天逼的我用yui开发了一个跨浏览器的Watch工具  

常用的手册

   中文的《DHTML手册》和中文的《JScript手册》都是chm格式的，大家上网找找吧，都是针对IE的手册。FF没有合适的中文手册，开发基本靠猜，大家推荐下

    懒了，没贴图！如果有什么说的不清楚的给我留言