易栈网-膘叔（Neatstudio.COM）

易栈网-膘叔

写在NetBeans IDE 6.9.1 发布时

如何调试JS错误

日志分类

热门标签

日志归档

搜索文章

最新评论

博客信息

友情链接

怎么说呢，netbeans这个IDE工具是目前我用的时间最长的一款IDE，以前也用过其他的一些IDE，不过，在算上版权问题后，这是目前唯一一款值得推荐的IDE吧？komodoEdit和netbeans相比，功能差了很多。当然各人习惯不一样，有的人喜欢拿GVIM来配置，把它配置成一款符合自己使用习惯的IDE，这，我也没话说。

正好看到cnbeta上说了6.9.1发布了，仔细看了一下更新内容，对于PHP来说，只有一小部份的更新，那就是：支持 PHP Zend 框架。这让我很吃惊。事实上，虽然我挺力挺这款IDE，但对他还是有抱怨的，或许在以前的贴子里也发表过，这里我再发发牢骚。。
用到现在nb让我郁闷的有几件事
1、同一项目中不能存在两种编码的文件。。。否则读取可能会是乱码（不过，这个能忍，自己的项目能够保证，主要是别人的）

2、耗内存，还有就是项目扫描，好几次就死在这上面了，卡死了

3、自动換行。配置里的自动换行永远是灰色的。。明明有这玩意却不能用。太让人郁闷了。。。

其他。。。好象还都能忍受。在6.9更新的时候（http://wiki.netbeans.org/NewAndNoteworthy69#PHP），我们也看到，6.9对于PHP最大的更新其实就是formatter。格式化代码更优秀和准确了（在团队中，可以更方便的把代码格式化成同一风格，方便后来人），还有一个就是改进了语法检测。

虽然问题有一堆，不过，我还是推荐它。除非出来一款更好的（还要能跨平台，比如当我用LINUX进行IB的时候，我也有功能强劲的IDE可用）

做网页开发的时候不可避免会用到JS，当然更不可避免的就会遇到JS错误。当你打开网页时，IE左下角的感叹号是不是让你很郁闷？怎么调试就成了必修课了。

一般来说，IE的出错信息还是能够基本定位到代码中，FF的相对定位的就更准确一些。只是有时候IE报错为0行或者N行（这个N超出了页面行数）时，就比较让人郁闷。而更头疼的是，如果这个代码在FF完全正常，那真是想死的心都有了。

IE下面，可能更多的时候还是利用微软自己提供的工具来进行查错：ms script debugger，只是知道的人很少，用的人更少。现在firebug lite已经登录IE平台（其实也不算是登录，只是加载firebug lite类库而已。不过，这已经能解决大部分问题了）。FF下面嘛，那就主推firebug，随着firebug的流行，一些附加的东西都有了，如firephp,firecookie,eventbug等插件也越来越让人离不开它。safari和chrome这些基于webkit的浏览器。也都有着自带的js调试工具，可用性我就不太清楚了。没用过，更多的时候只保证IE和FF正常就OK了。webkit虽然份额随着国内所谓双核浏览器的开发而增长的较快，但真正的使用者还仅限于那一小撮人群而已。

于是，这，又成了firebug等的天下（IE8已经自带调试工具，快捷键与firebug一样，界面差不多）。

不废话，下面是我转贴的文章，介绍了一些常见的调试方法，其实也不能算是调试，也可以说是代码的一些写法罢了。【略做整理】

A 使用alert() 和document.write() 方法监视变量值
如果要中断代码的运行，监视变量的值，则使用alert() 方法；
如果需要查看的值很多，则使用document.write() 方法，避免反复单击“确定”按钮；

B 使用window.onerror 事件
当页面出现异常时，onerror 事件会在window 对象上触发。它能在一定程度上告诉开发者相关的错误信息。
示例：

JavaScript代码

<script type="text/javascript">
function myerror(_message,_url,_line)
{
alert("错误信息：" + _message
+"\n错误的URI：" + _url
+"\n错误的行数：" + _line
);
return true; //屏蔽系统的事件
}
//绑定错误事件
window.onerror = myerror;
//触发错误示例：
window,onload = test;
</script>

注意：在IE 中，触发error 事件后，正常的代码会继续运行，所有的变量和数据都会保存下来，在其onerror 事件处理方法中可以正常访问到；而在Firefox 中，触发error 事件后，一切都结束，所有的变量和数据都将被销毁。

C 使用 try...catch 语句找错误
示例：

JavaScript代码

<script type="text/javascript">
try
{
alert(触发异常);
}
catch (_ex) //可以省略“_ex”参数
{
var err = "错误信息";
for (var i in _ex)
{
err += "\n参数名：" + i
+ "\t参数值：" + _ex[i];
}
alert(err); //打印错误
}
finally //finally 可以被省略...
{
alert("finally 总是会运行");
}
</script>

注意：try...catch 并不能很好的处理JavaScript 的语法错误。
示例：

JavaScript代码

<script type="text/javascript">
try
{
alert("触发语法错误")); //多了半边“)”
}
catch (_ex) //可以省略_ex参数
{
var err = "错误信息";
for (var i in _ex)
{
err += "\n参数名：" + i
+ "\t参数值：" + _ex[i];
}
alert(err); //打印错误
}
</script>

该示例并没有进入catch 块中。

D 使用相关调试器
在IE 和Firefox 浏览器中，可以使用相关的调试器或插件对JavaScript 进行调试。

● 在Firefox 浏览器中，可以使用其自带的“错误控制台”。操作步骤如下：
      打开Firefox 浏览器 → 在菜单条“工具”中 → 选择“错误控制台”即可。
     在没有其他插件的情况下，其自带的“错误控制台”是一个非常不错的选择。

另外，在Firefox 浏览器中，还有一些很不错的调试器，如：Venkman、Firebug 等。
         Venkman 调试器安装后，可以在Firefox 浏览器 → 在菜单条“工具”中 → 选择“JavaScript Debugger ”命令启用；
         Firebug 调试器安装后，可以在Firefox 浏览器 → 在菜单条“工具”中 → 选择“Firebug”→ 选择“打开 Firebug”即可；

● 在IE 浏览器中，可以使用 Microsoft Script Debugger 调试器
       Microsoft Script Debugger 是微软随IE 4 一同发布的一个IE插件，可以从微软的官方网站上免费下载。
       下载安装以后，必须将IE 浏览器的调试选项打开才能使用。操作步骤如下：
       1>   打开IE 浏览器 → 选择菜单栏的“工具”→ “Internet 选项”命令 → “高级”选项卡 → 将“禁用脚本调试（Internet Explorer ）”复选框中的勾去掉即可。
       2>   当IE 浏览器正在浏览页面时，运行Microsoft Script Debugger 调试器工具即可进行调试。
       在Microsoft Script Debugger 调试器的 Running Document 面板中选择开启的页面文件（只读），然后按F9 可以设置断点调试。另外，其Command Window 面板也是一个很有用的功能，它能在代码断点停止时，在其中输入变量名并回车，便可看到此时变量的值；Command Window 面板甚至可以接受简单的JavaScript 命令。但Microsoft Script Debugger 调试器自身还存在一个bug 问题。

原文出自：http://www.cnblogs.com/xugang/archive/2010/08/05/1793392.html

« 2010年08月 »