44

我正在尝试修复一些 JavaScript 错误。在 Firefox 中工作时,Firebug 使调试这些问题变得更加容易,但是当代码在 Firefox 上运行良好但 IE 报错时,您会怎么做?

4

16 回答 16

23

您还可以查看IE Developer Toolbar,它不是调试器,但可以帮助您分析代码的内容。

Visual Studio将帮助调试

Fiddler应该帮助分析进出浏览器的流量

于 2008-08-12T00:11:03.303 回答
13

您可以尝试Firebug Lite或使用 Visual Studio 来调试 JavaScript。

于 2008-08-12T00:07:37.070 回答
11

自 Internet Explorer 8 以来,IE 一直带有一个内置工具集,用于调试、故障排除并通常帮助开发您的页面/应用程序。您可以在浏览器中按 F12 访问这些工具。

HTML 选项卡

HTML 选项卡可让您在浏览器理解的情况下查看 DOM。当您从 HTML 视图中选择元素时,它们的样式将在右侧详细说明,并且可以打开和关闭各个规则。您还可以修改规则,并确定元素上的样式是继承的,还是显式分配的。此外,您甚至可以分辨出它们来自哪个 .css 文件。

在此处输入图像描述

您可以在 HTML 选项卡中执行更多操作,例如查看和修改元素的属性,甚至可以从布局部分更改元素的布局。此外,您可以直接对标记进行更改,以快速测试一些结构性想法。

脚本选项卡

要解决 JavaScript 问题,您可以观看控制台和脚本标签。如果您的脚本偶然发现对未定义方法的调用,您将在控制台中收到警报。如果您想打开或关闭项目,或者尝试将处理程序绑定到按钮,控制台还允许您对页面运行任意 JavaScript。

Script 选项卡很棒,它会为您设置 JavaScript 格式,允许您插入断点、单步执行和越过代码块,以及随着时间的推移观察变量。

在此处输入图像描述

如果您使用过 Firebug,甚至是 Webkit Inspector,那么您应该对 Internet Explorer 8+ 中的 F12 开发人员工具非常熟悉。

于 2012-05-15T21:42:59.067 回答
6

Firebug lite 对我来说不太好用。开发者工具栏还不够好。真的没有很好的解决方案。

于 2008-08-12T01:47:40.923 回答
5

或者IE 开发者工具栏

于 2008-08-12T00:09:26.583 回答
4

看看DebugBar。许可证免费供个人使用

于 2008-08-12T00:21:52.300 回答
2

对于 DOM Inspector,试试Internet Explorer Developer Toolbar

对于 Net 选项卡,请尝试Fiddler

对于 Javascript 调试,请尝试Visual Web Developer 2008 Express Edition。(或更高版本的 Visual Studio)

另外,尝试DebugBar

于 2009-09-09T02:09:14.230 回答
1

Visual Studio 2008 可以进行 JavaScript 调试,您必须转到 IE 的工具->Internet 选项->高级并取消选中“禁用脚本调试(Internet Explorer)”,以便浏览器冒泡它检测到的错误。

进入 Visual Studio 后,您基本上可以使用它的整个调试工具。它不像 Firebug 那样集成,但它比我们以前拥有的任何东西都要好得多。

于 2008-08-14T12:37:17.253 回答
1

我认为最好先在firefox中安装ie核心插件,然后用ie插件加载页面并按f12。祝你好运。

于 2013-01-30T20:58:56.653 回答
1

在收藏夹中做一个书签,并将这个地址作为 URL:

javascript:(function(F,i,r,e,b,u,g,L,I,T,E){if(F.getElementById(b))return;E=F[i+'NS']&&F.documentElement.namespaceURI;E=E?F[i+'NS'](E,'script'):F[i]('script');E[r]('id',b);E[r]('src',I+g+T);E[r](b,u);(F[e]('head')[0]||F[e]('body')[0]).appendChild(E);E=new%20Image;E[r]('src',I+L);})(document,'createElement','setAttribute','getElementsByTagName','FirebugLite','4','firebug-lite.js','releases/lite/latest/skin/xp/sprite.png','https://getfirebug.com/','#startOpened');

然后导航到您想要的页面并单击链接。Firebug Lite 将/应该打开...

于 2013-10-08T16:32:45.217 回答
0

IE8 beta 附带了我认为是 IE Developer 工具栏,但它似乎比我上次在 IE7 上尝试的工具栏强大得多

于 2008-08-12T00:43:37.980 回答
0

根据一些答案,我猜这个问题是在 IE8 决赛出来之前发布的。

这些天来,IE8 的内置开发者工具很棒。虽然 JS 调试不如 Visual Studio 有用,但在我看来,开发工具通常比 Firebug 好得多。在这和兼容性视图浏览器模式之间,我可以处理我所有的 IE6 开发需求。

于 2009-09-09T02:27:25.493 回答
0

我找到了解决这个问题的方法,你可以简单地将这个标签粘贴到你要调试的页面上,它会打开 firebug:

<script type="text/javascript" src="https://getfirebug.com/firebug-lite.js"></script>

来自https://getfirebug.com/firebuglite#Stable的解释

于 2012-08-17T10:20:55.783 回答
0

如果你是一个认真的前端开发者,给 AJAX 版试一试吧:

http://www.compuware.com/application-performance-management/ajax-performance-testing.html

它是一个免费工具,允许用户了解在现代 AJAX/Web 应用程序中导致性能和功能相关问题的原因。

于 2013-02-20T20:36:15.363 回答
0

在 IE 中,转到 MenuBar->Tools 选择 Debugger Tools 按 F12 并享受。它远离 Fire Bug,但适合一些快速帮助

于 2013-06-18T22:02:23.077 回答
0

总有办法解决这个问题,观看视频,您将能够在 2 分钟内安装 firebug。

在ie上安装firebug

祝你好运

于 2013-07-28T19:10:54.620 回答