Html IE7 是否有“开发者模式”或像 Firefox/Chrome/Safari 这样的插件?
声明:本页面是StackOverFlow热门问题的中英对照翻译,遵循CC BY-SA 4.0协议,如果您需要使用它,必须同样遵循CC BY-SA许可,注明原文地址和作者信息,同时你必须将它归于原作者(不是我):StackOverFlow
原文地址: http://stackoverflow.com/questions/56615/
Warning: these are provided under cc-by-sa 4.0 license. You are free to use/share it, But you must attribute it to the original authors (not me):
StackOverFlow
Does IE7 have a "developer mode" or plugin like Firefox/Chrome/Safari?
提问by matt b
Possible Duplicate:
Debugging JavaScript in IE7
可能的重复:
在 IE7 中调试 JavaScript
Firefox has Web Developer plugin and Firebug for troubleshooting html/css/javascript issues. Google Chrome and Safari have a very similar console and right-click options for "Inspect Element".
Firefox 有 Web Developer 插件和 Firebug 用于解决 html/css/javascript 问题。Google Chrome 和 Safari 具有非常相似的控制台和“检查元素”的右键单击选项。
Does IE7 have anything similar for troubleshooting layout/html/css issues?
IE7 是否有类似的解决布局/html/css 问题的方法?
回答by Brian Singh
Yes - The Internet Explorer Developer Toolbar
是 - Internet Explorer 开发人员工具栏
回答by Esteban Küber
You can also use Firebug Lite, wich works on IE, Opera and Safari.
您还可以使用Firebug Lite,它适用于 IE、Opera 和 Safari。
It's a Javascript implementation that you can load with a simple bookmarklet.
这是一个 Javascript 实现,您可以使用简单的书签加载。
As SO doesn't allow Javascript, here is the bookmarklet source code (just copy paste to your browser location bar (always make sure it's safe before executing random javascript (In any case check the first link)))
由于 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 supports all basic commandsof Firebug.
Firebug Lite 支持 Firebug 的所有基本命令。
回答by Jarrett Meyer
Check out the IE Developer toolboar.
回答by Gulzar Nazim
Web Development Helper is a free browser extension for Internet Explorer that provides a set of tools and utilities for the Web developer, esp. Ajax and ASP.NET developers. The tool provides features such as a DOM inspector, an HTTP tracing tool, and script diagnostics and immediate window. Web Development Helper works against IE6+, and requires the .NET Framework 2.0 or greater to be installed on the machine. Once installed, the tool can be activated using the Tools | Web Development Helper command. You can also customize your browser's toolbar to add a button for this command to facilitate frequest use. Clicking on the menu command or browser button brings up the tool's console window and set of commands. Page Features: DOM inspector allows viewing all elements, selected elements, or elements matching an ID or CSS class, their attributes and styles. Capturing a screen shot of the current page. Viewing page information such as metadata, tags, and linked resources........
Web Development Helper 是 Internet Explorer 的免费浏览器扩展,它为 Web 开发人员提供了一组工具和实用程序,尤其是。Ajax 和 ASP.NET 开发人员。该工具提供了诸如 DOM 检查器、HTTP 跟踪工具以及脚本诊断和即时窗口等功能。Web Development Helper 适用于 IE6+,并且需要在机器上安装 .NET Framework 2.0 或更高版本。安装后,可以使用工具 | 激活该工具。Web 开发助手命令。您还可以自定义浏览器的工具栏,为该命令添加一个按钮,以方便 frequest 的使用。单击菜单命令或浏览器按钮会显示工具的控制台窗口和命令集。页面功能:DOM 检查器允许查看所有元素、选定元素或与 ID 或 CSS 类匹配的元素,他们的属性和风格。捕获当前页面的屏幕截图。查看页面信息,例如元数据、标签和链接资源。......
回答by Horse
unfortunately it seems microsoft have discontinued it, the page for the toolbar now just says 'We are sorry, the page you requested cannot be found.'
不幸的是,微软似乎已经停止使用它,工具栏页面现在只是说“我们很抱歉,无法找到您请求的页面”。
I reckon because its built into 8 they have removed it for download, and cant be bothered with helping out us devs who are forced to make our projects work in their more archaic browsers :'(
我认为是因为它内置于 8 中,他们已将其删除以供下载,并且无法帮助我们开发人员被迫让我们的项目在他们更古老的浏览器中工作:'(
Also before anyone says it, IE8 compatability mode != IE7
同样在任何人说之前,IE8 兼容模式 != IE7
回答by 81prelude
The following is specifically for IE7, other versions are probably similar.
以下是专门针对IE7的,其他版本大概都差不多。
Here is the new link to the developmment tools from microsoft.(as of 4-26-2011) IE Development Tools
这是微软开发工具的新链接。(截至 2011 年 4 月 26 日) IE 开发工具
Once installed, you will need to enable the toolbar.
安装后,您将需要启用工具栏。
To Enable, click on Tools | Manage Add-Ons | Enable or Disable Add-ons
, to enable the addon.
要启用,请单击Tools | Manage Add-Ons | Enable or Disable Add-ons
以启用插件。
To add the icon to the IE Toolbar, right click on the IE menu | Customize Command Bar | Add or Remove Commands
. Add the "< (arrow) >" icon.
要将图标添加到 IE 工具栏,请右键单击IE menu | Customize Command Bar | Add or Remove Commands
. 添加“<(箭头)>”图标。
Hope that helps.
希望有帮助。
回答by Joel Coehoorn
回答by Harry
You can also use IE watch, which is like firebug, but you need to buy it. It is a 30 days trail version.
也可以用IE watch,类似萤火虫,不过需要购买。这是一个 30 天的跟踪版本。