PageSpy - Download

好东西

真正让我感兴趣的是“This”选项卡。我选择了一个看起来正常的按钮，但当我检查其属性时，它向我显示了应用的所有样式和属性 - 包括为空的样式和属性。此类细节可以帮助您理解为什么某些事情没有按预期运行。就像，我终于明白为什么我的悬停效果没有触发 - 一种样式被父元素覆盖，并且该工具准确地向我显示了哪一种。 DHTML 视图也是一个不错的惊喜。它会向您显示脚本运行后的最终 DOM，这比仅仅盯着原始 HTML 有用得多。

是的，表单和 CSS 选项卡干净且可读。您可以展开每个部分以查看完整的源代码，无需疯狂滚动。如果您尝试对表单验证的工作原理或布局在移动设备上中断的原因进行逆向工程，这将为您提供进入结构的直接路径。

不太好的

但有一个问题 - 它仅适用于 Internet Explorer。如今，这对大多数人来说都是一个破坏性的事情。我主要使用 Chrome，所以我必须启动 IE 才能使用它。即便如此，它仍然感觉像是一个遗迹。没有更新，没有现代的用户界面，没有什么花哨的东西。此外，由于它与 IE 绑定，您会被锁定在过时的浏览器环境中。如果您还没有使用 IE 进行遗留测试，您可能不想仅为 PageSpy 安装它。

它也是免费的，这很好，但缺乏下载或官方跟踪让它感觉像是一个幽灵项目。不过，如果您正在做前端工作并且需要在不打开 DevTools 的情况下快速访问实时元素数据，那么它的功能出人意料地可靠。

底线

如果您正在学习 Web 开发并且偶尔需要检查 IE 中的元素，则值得下载 PageSpy - Download for Windows。但如果您使用的是 Chrome 或 Firefox，请跳过它。它是小众、老式的，不适合当今的浏览器。但对于合适的人来说，它是一个安静的救星。