css - 与 Firebug、Chrome 开发者工具等功能类似的网站

Question

我正在寻找一个网站，该网站至少可以复制 Firebug、Chrome 开发人员工具等的一些最基本功能，但这对于非开发人员来说足够简单。

至少，我希望能够告诉非开发人员：

1. 访问http://checkthedom.com/sitethatneedschecking.com
2. 将鼠标悬停在特定文本段落或其他一些元素上
3. 告诉我字体等用于该元素

我需要找到一个这样做的网站，因为我不能要求非开发人员使用书签或安装浏览器插件或遵循将根据他们使用的特定浏览器而有所不同的说明。

我在下面粘贴了一张图片，显示了我希望非开发人员看到的内容。

有没有这样的网站？

Answer 1

我尝试过的几个网站可以做到这一点：

• X射线
• X 射线护目镜

虽然它没有将 CSS 显示为弹出窗口（它位于窗口的右侧），但 Firefox内置的 3D 查看器可能有助于可视化站点。