执行与Firebug，Chrome开发人员工具等类似功能的网站

我正在寻找一个网站，其中复制了至少一些Firebug，Chrome开发人员工具等最基本的功能，但这对于非开发人员使用。执行与Firebug，Chrome开发人员工具等类似功能的网站

最起码，我希望能够告诉一个非开发人员：

访问http://checkthedom.com/sitethatneedschecking.com
将鼠标悬停在文本的特定段落或一些其他元素
告诉我的字体etc被用于那个元素

我需要找到一个这样做的网站，因为我不能要求非开发者使用bookmarklets或者安装浏览器插件或遵循指示离子会根据他们使用的特定浏览器而变化。

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

有没有这样的网站？

enter image description here

来源

2013-05-02 steven_noble

这听起来很适合_your_需求。谁能说别人不需要其他信息？颜色，定位等等。不久之后，你刚刚得到了Firebug。话虽如此，如果它不存在，你应该建立它。我相信它仍然是一个非常受欢迎的工具！ – 2013-05-02 12:59:34

如果网站做了所有的萤火虫，那会很好。我只是不想让人们避免提到一个潜在的网站，因为它只是做了一些萤火虫。 – 2013-05-02 13:04:49

嗯，我只是给它一个镜头，但它可能会是一个真正的斗争。要加载您网域中的其他网站，您需要使用iframe。如果你这样做，你不能在子框架上执行任何js。坏消息！书架市场，不幸的是，你可能是最好的选择。我建立了一个[使用jQuery的小例子]（http://jsfiddle.net/YufVv/），如果你将它转换成纯ps，你可以创建一个相对较小的书店来解决这个问题。 – 2013-05-02 13:17:34

我试过一对夫妇的网站做到这一点：

虽然它不显示CSS作为一个弹出（这是在窗口的右侧），Firefox built-in 3D viewer可能有助于可视化网站。

来源

2013-05-02 13:36:14 andyb

谢谢。像XRAY这样的书签是我的灵感。但我正在寻找一种方法来实现这一点，而不要求非开发人员安装书签。再次感谢。 – 2013-05-02 23:42:17

执行与Firebug，Chrome开发人员工具等类似功能的网站

回答

相关问题