跳转到内容

Internet Explorer开发人员工具：修订间差异

维基百科，自由的百科全书
以互动方式浏览历史
←上一版本
删除的内容 添加的内容
可视化wikitext
无编辑摘要
小 维护清理
标签：2017年版源代码编辑
 
（未显示13个用户的26个中间版本）
第1行： 第1行：
{{infobox software
{{infobox software
|name= Internet Explorer开发人员工具
| name = Internet Explorer开发人员工具
| screenshot = [[File:ie-10-dev-tools.png|300px|IE 10 上的开发人员工具]]
| screenshot = [[File:ie-11-dev-tools.png|300px|IE 11上的开发人员工具]]
| caption = [[Internet Explorer 10]]上使用开发人员工具以查看网页
| caption = [[Internet Explorer 11]]上使用开发人员工具（F12）以查看网页
| developer = [[微軟]]
| developer = [[微軟]]
| genre = [[工具栏]]
| latest preview date = [[2012年]][[2月29日]]
| license = [[專有軟體|私有]]
}}
}}
'''Internet Explorer 开发人员工具'''（'''{{lang|en|Internet Explorer Developer Tools}}'''，曾叫做'''Internet Explorer Developer Toolbar'''）是[[Internet Explorer]]的帮助[[网页]]设计与调试的一个组件。在[[Internet Explorer 6]]和[[Internet Explorer 7]]中，它作为一种[[工具栏]]被引进。[[Internet Explorer 8]]和[[Internet Explorer 9]]则内置此组件。它允许验证[[层叠样式表|CSS]]和[[HTML]]，在不同分辨率下预览页面布局<ref>{{cite web | url = http://www.betanews.com/article/Microsoft_Issues_IE_Developer_Toolbar/1127145388 | title = Microsoft Issues IE Developer Toolbar | accessdate=2007-05-11}}</ref>，还提供一个（以像素为单位的）标尺用于辅助元素的定位<ref>{{cite web | url = http://www.betanews.com/article/Microsoft_Releases_IE_Developer_Toolbar/1178822985 | title = Microsoft Releases IE Developer Toolbar | accessdate=2007-05-11}}</ref>。它允许查看整个页面的源代码，具有[[语法高亮]]便于导航，或者选择其中元素，也可以查看[[DOM]]源和应用于该元素的[[CSS]]选择器。它同样允许查看单个元素的属性和样式，也可以对跟踪元素的样式至它的声明处<ref name="test">{{cite web | url = http://blogs.msdn.com/ie/archive/2007/01/09/ie-developer-toolbar-beta-3-now-available.aspx | title = IE Developer Toolbar Beta 3 - Now Available | accessdate = 2007-05-11}}</ref>。
'''Internet Explorer开发人员工具'''（'''{{lang|en|Internet Explorer Developer Tools}}'''，曾叫做'''Internet Explorer Developer Toolbar'''）是[[Internet Explorer]]的帮助[[网页]]设计与调试的一个组件。在[[Internet Explorer 6]]和[[Internet Explorer 7]]中，它作为一种[[工具栏]]被引进。[[Internet Explorer 8]]及更新的版本则内置此组件。它允许验证[[层叠样式表|CSS]]和[[HTML]]，在不同分辨率下预览页面布局<ref>{{cite web | url = http://www.betanews.com/article/Microsoft_Issues_IE_Developer_Toolbar/1127145388 | title = Microsoft Issues IE Developer Toolbar | accessdate = 2007-05-11 | archive-date = 2009-01-26 | archive-url = https://web.archive.org/web/20090126125322/http://www.betanews.com/article/Microsoft_Issues_IE_Developer_Toolbar/1127145388 | dead-url = no }}</ref>，还提供一个（以像素为单位的）标尺用于辅助元素的定位<ref>{{cite web | url = http://www.betanews.com/article/Microsoft_Releases_IE_Developer_Toolbar/1178822985 | title = Microsoft Releases IE Developer Toolbar | accessdate = 2007-05-11 | archive-date = 2009-02-16 | archive-url = https://web.archive.org/web/20090216122131/http://www.betanews.com/article/Microsoft_Releases_IE_Developer_Toolbar/1178822985 | dead-url = no }}</ref>。它允许查看整个页面的源代码，具有[[语法高亮]]便于导航，或者选择其中元素，也可以查看[[DOM]]源和应用于该元素的[[CSS]]选择器。它同样允许查看单个元素的属性和样式，也可以跟踪元素的样式至它的声明处<ref name="test">{{cite web | url = http://blogs.msdn.com/ie/archive/2007/01/09/ie-developer-toolbar-beta-3-now-available.aspx | title = IE Developer Toolbar Beta 3 - Now Available | accessdate = 2007-05-11 | archive-date = 2010-03-30 | archive-url = https://web.archive.org/web/20100330201025/http://blogs.msdn.com/ie/archive/2007/01/09/ie-developer-toolbar-beta-3-now-available.aspx | dead-url = no }}</ref>。


这个工具包括一个在窗体底部的可开关面板。该面板展示了网页的结构；并且为每一个结构，展示其属性和样式。它通过一个菜单的层次结构展示它的特性，也包括用以快速访问的一些特性，如清空浏览器缓存的工具栏按钮，和允许通过在已渲染的页面中点击来选择元素，而不是仅仅通过DOM树的可视化显示来导航<ref name="test"></ref>。
这个工具包括一个在窗体底部的可开关面板。该面板展示了网页的结构；并且为每一个结构，展示其属性和样式。它通过一个菜单的层次结构展示它的特性，也包括用以快速访问一些特性—如清空浏览器缓存—的工具栏按钮，和允许通过在已渲染的页面中点击来选择元素，而不是仅仅通过DOM树的可视化显示来导航<ref name="test" />。


==参考资料==
==参考资料==
第15行： 第16行：
==参见==
==参见==
*[[Firebug]]
*[[Firebug]]
*[[Opera浏览器功能]]


==外部链接==
==外部链接==
*{{官方網站|http://www.modern.ie/en-us/f12}}{{en}}
*[http://msdn.microsoft.com/library/gg589507(VS.85).aspx Internet Explorer 9 F12 Developer Tools]
*[http://msdn.microsoft.com/library/dd565622(VS.85).aspx Internet Explorer 8 Developer Tools]
*[http://msdn.microsoft.com/library/gg589507(VS.85).aspx Internet Explorer 9 F12 Developer Tools] {{Wayback|url=http://msdn.microsoft.com/library/gg589507(VS.85).aspx |date=20150110045715 }}
*[http://www.microsoft.com/downloads/details.aspx?familyid=95E06CBE-4940-4218-B75D-B8856FCED535 Internet Explorer Developer Toolbar for IE6 and IE7]
*[https://web.archive.org/web/20120422103242/http://msdn.microsoft.com/library/dd565622(VS.85).aspx Internet Explorer 8 Developer Tools]
*[http://www.microsoft.com/downloads/details.aspx?familyid=95E06CBE-4940-4218-B75D-B8856FCED535 Download Internet Explorer Developer Toolbar]{{Dead link|date=2018年11月 |bot=InternetArchiveBot |fix-attempted=yes }}{{en}}


{{IE-stub}}
{{Internet Explorer}}
{{Internet Explorer}}
{{Microsoft}}
{{Microsoft}}


[[Category:Internet Explorer]]
[[Category:Internet Explorer]]
[[Category:2007年软件]]

[[en:Internet Explorer Developer Tools]]

2023年8月1日 (二) 12:46的最新版本

Internet Explorer开发人员工具
IE 11上的开发人员工具
Internet Explorer 11上使用开发人员工具（F12）以查看网页
開發者微軟
类型工具栏
许可协议私有

Internet Explorer开发人员工具（Internet Explorer Developer Tools，曾叫做Internet Explorer Developer Toolbar）是Internet Explorer的帮助网页设计与调试的一个组件。在Internet Explorer 6和Internet Explorer 7中，它作为一种工具栏被引进。Internet Explorer 8及更新的版本则内置此组件。它允许验证CSS和HTML，在不同分辨率下预览页面布局[1]，还提供一个（以像素为单位的）标尺用于辅助元素的定位[2]。它允许查看整个页面的源代码，具有语法高亮便于导航，或者选择其中元素，也可以查看DOM源和应用于该元素的CSS选择器。它同样允许查看单个元素的属性和样式，也可以跟踪元素的样式至它的声明处[3]。

这个工具包括一个在窗体底部的可开关面板。该面板展示了网页的结构；并且为每一个结构，展示其属性和样式。它通过一个菜单的层次结构展示它的特性，也包括用以快速访问一些特性—如清空浏览器缓存—的工具栏按钮，和允许通过在已渲染的页面中点击来选择元素，而不是仅仅通过DOM树的可视化显示来导航[3]。

参考资料

[编辑]
  1. ^ Microsoft Issues IE Developer Toolbar. [2007-05-11]. （原始内容存档于2009-01-26）. 
  2. ^ Microsoft Releases IE Developer Toolbar. [2007-05-11]. （原始内容存档于2009-02-16）. 
  3. ^ 3.0 3.1 IE Developer Toolbar Beta 3 - Now Available. [2007-05-11]. （原始内容存档于2010-03-30）. 

参见

[编辑]

外部链接

[编辑]
检索自“https://zh.wikipedia.org/w/index.php?title=Internet_Explorer开发人员工具&oldid=78335132”