我正在尝试修复一些 JavaScript 错误。在 Firefox 中工作时,Firebug 使调试这些问题变得更加容易,但是当代码在 Firefox 上运行良好但 IE 报错时,您会怎么做?
16 回答
您可以尝试Firebug Lite或使用 Visual Studio 来调试 JavaScript。
自 Internet Explorer 8 以来,IE 一直带有一个内置工具集,用于调试、故障排除并通常帮助开发您的页面/应用程序。您可以在浏览器中按 F12 访问这些工具。
HTML 选项卡
HTML 选项卡可让您在浏览器理解的情况下查看 DOM。当您从 HTML 视图中选择元素时,它们的样式将在右侧详细说明,并且可以打开和关闭各个规则。您还可以修改规则,并确定元素上的样式是继承的,还是显式分配的。此外,您甚至可以分辨出它们来自哪个 .css 文件。
您可以在 HTML 选项卡中执行更多操作,例如查看和修改元素的属性,甚至可以从布局部分更改元素的布局。此外,您可以直接对标记进行更改,以快速测试一些结构性想法。
脚本选项卡
要解决 JavaScript 问题,您可以观看控制台和脚本标签。如果您的脚本偶然发现对未定义方法的调用,您将在控制台中收到警报。如果您想打开或关闭项目,或者尝试将处理程序绑定到按钮,控制台还允许您对页面运行任意 JavaScript。
Script 选项卡很棒,它会为您设置 JavaScript 格式,允许您插入断点、单步执行和越过代码块,以及随着时间的推移观察变量。
如果您使用过 Firebug,甚至是 Webkit Inspector,那么您应该对 Internet Explorer 8+ 中的 F12 开发人员工具非常熟悉。
Firebug lite 对我来说不太好用。开发者工具栏还不够好。真的没有很好的解决方案。
看看DebugBar。许可证免费供个人使用
对于 DOM Inspector,试试Internet Explorer Developer Toolbar。
对于 Net 选项卡,请尝试Fiddler。
对于 Javascript 调试,请尝试Visual Web Developer 2008 Express Edition。(或更高版本的 Visual Studio)
另外,尝试DebugBar。
Visual Studio 2008 可以进行 JavaScript 调试,您必须转到 IE 的工具->Internet 选项->高级并取消选中“禁用脚本调试(Internet Explorer)”,以便浏览器冒泡它检测到的错误。
进入 Visual Studio 后,您基本上可以使用它的整个调试工具。它不像 Firebug 那样集成,但它比我们以前拥有的任何东西都要好得多。
我认为最好先在firefox中安装ie核心插件,然后用ie插件加载页面并按f12。祝你好运。
在收藏夹中做一个书签,并将这个地址作为 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 将/应该打开...
IE8 beta 附带了我认为是 IE Developer 工具栏,但它似乎比我上次在 IE7 上尝试的工具栏强大得多
根据一些答案,我猜这个问题是在 IE8 决赛出来之前发布的。
这些天来,IE8 的内置开发者工具很棒。虽然 JS 调试不如 Visual Studio 有用,但在我看来,开发工具通常比 Firebug 好得多。在这和兼容性视图浏览器模式之间,我可以处理我所有的 IE6 开发需求。
我找到了解决这个问题的方法,你可以简单地将这个标签粘贴到你要调试的页面上,它会打开 firebug:
<script type="text/javascript" src="https://getfirebug.com/firebug-lite.js"></script>
如果你是一个认真的前端开发者,给 AJAX 版试一试吧:
http://www.compuware.com/application-performance-management/ajax-performance-testing.html
它是一个免费工具,允许用户了解在现代 AJAX/Web 应用程序中导致性能和功能相关问题的原因。
在 IE 中,转到 MenuBar->Tools 选择 Debugger Tools 按 F12 并享受。它远离 Fire Bug,但适合一些快速帮助