在 Internet Explorer 中调试网站

Posted 2023-03-06

【中文标题】在 Internet Explorer 中调试网站

【英文标题】：Debugging Websites in Internet Explorer

【发布时间】：2008-09-22 18:21:49

【问题描述】：

我的网站非常慢，使用时“感觉”非常糟糕。服务器很好，这是一个客户端问题，我认为是因为 javascript 或图像请求过多，但由于它不是我自己的网站，我想知道是否有办法从 IE 中显示和配置页面。

在 Firefox 中，我会使用 Firebug、Y!Slow 和 Web Developer 扩展来查看所有 JavaScript、CSS、图像和其他请求、AJAX 请求等，但在 IE 上我没有发现任何问题。我知道我可以使用 Firefox，但该页面在 FF 中比在 IE 中效果更好，所以我想知道是否有一些专门在 IE 中的开发插件。

编辑：感谢您的许多建议！太多好的答案无法选择“接受”，但我会看看建议的各种工具。

【参考方案1】：

有Internet Explorer Web Developer Toolbar。它不如 Firebug 恕我直言，但它有效。

IE8 也将内置一个。

【参考方案2】：

提琴手可帮助您查看互联网活动。它显示了通过网络堆栈的所有请求/响应消息的日志。

【参考方案3】：

有一个lite version的Firebug可以在IE和其他浏览器上运行，你试过了吗？

【参考方案4】：

试试Fiddler！它是一个免费的 HTTP 调试代理，除其他外，它可以洞察您网站中加载的内容、可能减慢速度的内容等。它具有高级功能，如解码压缩资源、为某些 URL 提供预先设定的响应等。学习 Fiddler 是任何 Web 开发人员的必修课。

【参考方案5】：

我还建议使用两个工具来发现JavaScript memory leaks：

sIEve Microsoft JavaScript Memory Leak Detector

【参考方案6】：

我最近一直在使用 Web Development Helper 。它比 Firebug 更好地进行 HTTP 日志记录。让您也可以运行任意 Javascript。

【参考方案7】：

有一个名为 firebug light 的 JS 库，您需要将它包含在您的站点中。它为您所做的是它使您能够弹出一个 div，您可以在其中吐出文本，就像在 firebug 中一样，使用您在 firebug 中执行的相同语句。 MochiKit 也有类似的东西。

【参考方案8】：

这不是分析器或插件，但您可能会发现 Quirksmode 可以帮助您解决一些以 IE 为中心的问题。

【参考方案9】：

您是否在客户端运行性能监视器以查看发生了什么，例如是不是有一堆内存交换导致速度变慢，还是所有网络流量都是问题？

另一个想法是如果有一堆文件要加载以及 Javascript 来初始化事物，是否有服务器日志可能有助于查看请求时间。

【参考方案10】：

通过使用像 Wireshark 这样的网络嗅探器或代理，您可以监控流量并查看是否是图像和/或脚本的加载导致您的网站变慢。如果您不确定 - 关闭或注释掉您的 javascript，以排除是它们的处理速度变慢了。

如果您在网络流量中看不到任何减速迹象 - 那么您将不得不对 javascript 代码本身进行更深入的分析 - 可能通过插入计时器或其他测量来查看它是哪些部分可以进行优化。

【参考方案11】：

我使用HTTPWatch。它提供了像 Firefox LiveHeaders 这样的所有信息，但以一种更有用的方式。它也是一个很好的工具，可以确定您是否有任何内容阻止下载页面更多内容的操作。

【参考方案12】：

你可以试试同一家公司的 debug bar 和 companionJS http://www.debugbar.com/，它们是免费的，在概念上与 Firebug 非常相似，但没有开发出来

【参考方案13】：

HttpWatch 在 IE 插件中也非常棒。