跨浏览器JavaScript调试

时间:2020-03-05 18:57:39  来源:igfitidea点击:

我最近开始维护的站点上有一些脚本。我在IE6中收到那些"找不到对象"错误(哪个Firefox无法在其错误控制台中报告该错误?)。调试这些良好的跨浏览器兼容的IDE或者某种形式的javascript调试库的最佳方法是什么?

解决方案

回答

萤火虫

它仅适用于Firefox,但它应该让我们弄清楚IE上正在发生的情况,尤其是当我们具有脚本行号时。

回答

我没有一个跨浏览器的JS调试器(因为大多数浏览器使用不同的JS引擎)。

对于Firefox,我绝对会推荐Firebug(http://www.getfirebug.com)

对于IE,我发现的最好的是Microsoft脚本调试器(http://www.microsoft.com/downloads/details.aspx?familyid=2f465be0-94fd-4569-b3c4-dffdf19ccd99&displaylang=en)。如果安装了Office,则可能还安装了Microsoft脚本编辑器。要使用这两种方法,我们需要在IE中打开脚本调试。 (取消选中工具-> Internet选项->高级->禁用脚本调试)。

回答

  • 我们可以使用Visual Studio并在浏览器中启用调试
  • 我们可以为Firefox安装FireBug插件,这真的很好!
  • 我们可以尝试安装IE8 beta 2,并在兼容模式下与内置调试器一起使用。

同样在JS代码的任何行中,我们都可以编写

debugger;

这将威胁到我们使用的任何调试工具的断点。

干杯!

回答

我们显然可以使用此工具Microsoft Script Debugger

就我个人而言,我尝试遍历代码并弄清楚它所发生的事情为我们提供了行号,该行错了吧?

回答

Aptana Studio为Firefox和IE提供JavaScript调试

回答

Firebug是所有客户端调试器中最好的。我经常用它来调试CSS代码和javascript。它使我们可以轻松地找到有问题的代码区域。我特别喜欢在Firebug窗格中修改标签属性并在提交之前立即查看效果的功能。对于设计网站的任何人都非常有用。

回答

我们也可以使用将在IE和Opera中运行的Firebug Lite。它是一个外部库,可以查找问题。有时比处理MS Script Debugger更方便。

回答

为了使Microsoft脚本调试器更加用户友好(并添加实际上对IE有用的javascript错误消息),我强烈建议我们使用Companion.JS。

回答

到目前为止,Firebug似乎是最有用的。当页面在Firebug上运行时,通过对console.log('your log message');的JavaScript调用将消息记录到Firebug中非常方便。但不要在IE中执行该代码,因为仅在运行Firebug时控制台对象才在作用域内。

对于IE,其他人已经提到了脚本调试器。尽管它不是主要用于javascript调试,但也可以添加IE开发人员工具栏,使我们可以轻松,动态地检查页面DOM的样式和其他属性,这很有用。

回答

作为对mopoke的回应,对于IE6,如果可以的话,我们肯定希望使用Visual Studio进行调试。出于所有目的和目的,MS脚本调试器是无用的。与使用MS脚本调试器相比,使用某种形式的跟踪(而不是警报)效果更好。例如,Dojo Toolkit提供了用于跟踪的调试控制台,但是我们可以通过将消息转储到辅助窗口或者div来编写自己的控制台。

脚本调试器会不必要地提示我们IE6中的每个错误,即使这样也不会给我们足够的状态上下文,以使其在足够复杂的JS应用程序中有用。 Visual Studio紧密集成并且友好得多。只是我的经验。