IE7：查看页面上所有 html 的技巧/插件？答案

【问题标题】：IE7: tricks/plugins for seeing all the html on a page?IE7：查看页面上所有 html 的技巧/插件？
【发布时间】：2009-02-22 00:34:48
【问题描述】：

我正在开发一个应用程序，它有点像旧技术和新技术 (ASP/ASP.NET) 的混搭。这一切都在IE7中运行。我希望能够右键单击，查看源代码并实际看到我用眼睛看到的所有 html。例如，我在表格的页面中间有一些文本。我直接右键单击那段文本和“查看源代码”，文本不在我正在查看的 HTML 中。没有换行符或特殊字符。它是一段文本，如 ABC123。然而 ABC123 不在我查看源代码时看到的 HTML 中。

这只是我坚持的事情吗？如果没有，我怎样才能得到我想要的 HTML？该应用程序不会在 FF 中运行，因此 Firebug 是不可能的。我已经为 IE 尝试了一些开发人员工具栏，但发现它们充其量是有缺陷的，最坏的情况是无法正常工作。这非常令人沮丧；我想对 TD 的风格做一点改变，我必须做太多的工作才能看看我是否喜欢它（因为生成 HTML 的方式很复杂）。

【问题讨论】：

标签： asp.net html internet-explorer-7

【解决方案1】：

在 IE 中开发时，我使用 IE 开发人员工具栏：

http://www.microsoft.com/en-us/download/details.aspx?id=18359

它将允许您在页面上查看呈现的 HTML，并允许您向下钻取并选择您想要查看的特定元素。有多种高亮功能，您可以将样式追溯到它们的源头。

这不是开发者工具栏的全部和全部，但在那些时候我不能使用 Firefox / Firebug，它比我尝试过的其他解决方案更胜一筹

【讨论】：

+1 我正要发布... >
之前尝试过，在我的设置上不起作用（或效果不佳）；我在尝试通过点击找到元素大约 10 分钟后卸载了它
没有用怎么办？有时您需要调整 IE 中的一些高级设置才能使其正常工作。判断 IE 设置不正确的最简单方法是，如果您在 3 个面板的最左侧看不到任何元素
第一个问题是它在我需要在其中查看 html 的对话框式窗口中不起作用；这个应用程序充满了这类窗口。看不到历史记录，无法访问菜单等。查看源代码是我唯一拥有的东西。
对不起，我的意思是这个窗口是一个弹出窗口，因此我无法访问任何工具栏。

【解决方案2】：

IE7 Pro 提供右键单击和“查看生成的源”选项。

【讨论】：

听起来不错，但是当我单击“查看生成的源”时，什么也没有发生。唔。将其作为错误发布：forum.ie7pro.com/viewtopic.php?pid=19364#p19364
天哪，它有一个下载窗口！甜
十分钟后我卸载了它。下载从未连接。卸载并立即连接。有问题，可能是因为我在代理后面，我不知道。
很难想象为什么这会被否决...似乎正是我所需要的（除了错误）
我刚刚安装了最新版本，我可以毫无问题地查看生成的源到 Notepad++。我不在代理后面。你能在另一台机器上测试吗？

【解决方案3】：

一些想法：

Firebug Lite
在兼容模式下使用 IE8（及其开发者工具）。
MS 为 IE7 创建了一个开发工具栏（有点像 Web Developer FF 扩展）：http://www.microsoft.com/downloadS/details.aspx?familyid=E59C3964-672D-4511-BB3E-2D5E1DB91038&displaylang=en
临时添加一个带有 onclick 处理程序的链接，以将 document.outerHtml 转储到 <pre>

【讨论】：

1) 试过了，因为插入的 js 不是一个好的选择 2) 不是一个选项，不希望我的开发环境与团队不同步 3) 那东西不起作用好
选项4可能是我必须做的，我忘记了那个小技巧
在我看来，带有 onclick 处理程序的临时链接是唯一 100% 确定的方法，所以这就是答案