我正在尝试修复一些JavaScript错误。在Firefox中工作时,Firebug可以更轻松地调试这些问题,但是当代码在Firefox上工作正常但IE正在抱怨时,你会怎么做?
答案 0 :(得分:23)
答案 1 :(得分:13)
您可以尝试Firebug Lite或使用Visual Studio调试JavaScript。
答案 2 :(得分:11)
自Internet Explorer 8以来,IE一直提供内置工具集,用于调试,故障排除,并且通常有助于开发页面/应用程序。您可以在浏览器中按F12来访问这些工具。
HTML选项卡可让您在浏览器理解DOM时查看DOM。当您从HTML视图中选择元素时,它们的样式将在右侧详细说明,单个规则可以打开和关闭。您还可以修改规则,并确定元素上的样式是继承还是显式分配。此外,您甚至可以分辨它们来自哪个.css文件。
您可以在HTML选项卡中执行更多操作,例如查看和修改元素上的属性,甚至可以在布局部分中更改元素的布局。此外,您可以直接对标记进行更改,以快速测试一些结构性想法。
要解决JavaScript问题,您可以观看控制台和脚本标记。如果您的脚本在调用未定义的方法时偶然发现,您将在控制台中收到警报。如果要打开或关闭项目,或者尝试将处理程序绑定到按钮,控制台还允许您对页面运行任意JavaScript。
“脚本”选项卡非常棒,它将为您格式化JavaScript,允许您插入断点,逐步执行代码块,以及随时间观察变量。
如果您使用过Firebug,甚至是Webkit Inspector,那么您应该非常熟悉Internet Explorer 8+中的F12开发人员工具。
答案 3 :(得分:6)
Firebug lite对我来说效果不佳。开发人员工具栏不够好。确实没有很好的解决方案。
答案 4 :(得分:5)
答案 5 :(得分:4)
看看DebugBar。许可证是免费供个人使用
答案 6 :(得分:2)
对于DOM Inspector,请尝试Internet Explorer Developer Toolbar。
对于“网络”标签,请尝试Fiddler。
对于Javascript调试,请尝试Visual Web Developer 2008 Express Edition。 (或更高版本的Visual Studio)
另外,请尝试DebugBar。
答案 7 :(得分:1)
Visual Studio 2008可以进行JavaScript调试,您必须转到IE的工具 - > Internet选项 - >高级并取消选中“禁用脚本调试(Internet Explorer)”,以便浏览器冒泡它检测到的错误
一旦你进入Visual Studio,你基本上就可以使用它的整个调试工具了。它不像Firebug那样集成,但它比我们以前的任何东西都要好。
答案 8 :(得分:1)
我认为你首先在firefox中安装ie core插件然后用插件加载页面然后按f12更好。 祝你好运。
答案 9 :(得分:1)
在收藏夹栏中创建书签,并将此地址作为网址:
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会/应该打开......
答案 10 :(得分:0)
IE8 beta附带了我认为的IE Developer工具栏,但它似乎比我上次在IE7上试用工具栏时强大得多
答案 11 :(得分:0)
目前,IE8的内置开发者工具非常棒;虽然JS调试没有Visual Studio那么有用,但在我看来,Dev Tools总体上比Firebug好得多。在它和兼容性视图浏览器模式之间,我可以处理我所有的IE6开发需求。
答案 12 :(得分:0)
如果您是一位认真的前端开发人员,请为AJAX Edition提供测试运行:
http://www.compuware.com/application-performance-management/ajax-performance-testing.html
这是一款免费工具,可让用户了解现代AJAX / Web应用程序中导致性能和功能相关问题的原因。
答案 13 :(得分:0)
在IE中,转到MenuBar->工具 选择Debugger Tools 点击F12并享受。 它远离Fire Bug,但适合一些快速帮助
答案 14 :(得分:0)
总是有办法解决这个问题,看视频,你就可以在2分钟内安装萤火虫。
祝你好运