可能重复:
在 IE7 中调试 JavaScript
Firefox 有 Web Developer 插件和 Firebug 用于解决 html/css/javascript 问题。Google Chrome 和 Safari 具有非常相似的控制台和“检查元素”的右键单击选项。
IE7 是否有类似的解决布局/html/css 问题的方法?
可能重复:
在 IE7 中调试 JavaScript
Firefox 有 Web Developer 插件和 Firebug 用于解决 html/css/javascript 问题。Google Chrome 和 Safari 具有非常相似的控制台和“检查元素”的右键单击选项。
IE7 是否有类似的解决布局/html/css 问题的方法?
是 - Internet Explorer 开发人员工具栏
您还可以使用Firebug Lite,它适用于 IE、Opera 和 Safari。
这是一个 Javascript 实现,您可以使用一个简单的书签来加载它。
由于SO不允许Javascript,这里是书签源代码(只需复制粘贴到您的浏览器位置栏(在执行随机javascript之前始终确保它是安全的(无论如何检查第一个链接)))
javascript:var%20firebug=document.createElement('script');firebug.setAttribute('src','http://getfirebug.com/releases/lite/1.2/firebug-lite-compressed.js');document.body.appendChild(firebug);(function(){if(window.firebug.version){firebug.init();}else{setTimeout(arguments.callee);}})();void(firebug);
Firebug Lite 支持 Firebug的所有基本命令。
我也使用过Debug Bar。
Web Development Helper 是 Internet Explorer 的免费浏览器扩展,它为 Web 开发人员提供了一组工具和实用程序,尤其是。Ajax 和 ASP.NET 开发人员。该工具提供了诸如 DOM 检查器、HTTP 跟踪工具、脚本诊断和即时窗口等功能。Web Development Helper 适用于 IE6+,需要在机器上安装 .NET Framework 2.0 或更高版本。安装后,可以使用工具 | 激活该工具。Web 开发助手命令。您还可以自定义浏览器的工具栏,为该命令添加一个按钮,以方便频繁使用。单击菜单命令或浏览器按钮会显示工具的控制台窗口和命令集。页面功能:DOM 检查器允许查看所有元素、选定元素或与 ID 或 CSS 类匹配的元素,他们的属性和风格。捕获当前页面的屏幕截图。查看页面信息,例如元数据、标签和链接资源。…………
不幸的是,微软似乎已经停止了它,工具栏页面现在只是说“我们很抱歉,找不到您请求的页面。”
我认为是因为它内置于 8 中,因此他们已将其删除以供下载,并且不会为帮助我们开发人员而烦恼,这些开发人员被迫让我们的项目在他们更古老的浏览器中运行:'(
在任何人说之前,IE8 兼容模式!= IE7
您可以获得一个工具栏,但它仍然与 Firefox 不匹配,尤其是对于 javascript 调试。
IE8 将是一个巨大的发展进步。
以下是专门针对IE7的,其他版本大概类似。
这是微软开发工具的新链接。(截至 2011 年 4 月 26 日) IE 开发工具
安装后,您将需要启用工具栏。
要启用,请单击Tools | Manage Add-Ons | Enable or Disable Add-ons
, 以启用插件。
要将图标添加到 IE 工具栏,请右键单击IE menu | Customize Command Bar | Add or Remove Commands
. 添加“<(箭头)>”图标。
希望有帮助。
也可以用IE watch,有点像萤火虫,但需要购买。这是一个 30 天试用版。
实际上,IE 开发人员最好的附加组件是Fiddler。它具有其他浏览器拥有的许多功能。