【问题标题】:A website that performs a similar function to Firebug, Chrome developer tools etc [closed]一个执行与 Firebug、Chrome 开发者工具等类似功能的网站 [关闭]
【发布时间】:2013-05-02 21:36:14
【问题描述】:

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

至少,我希望能够告诉非开发人员:

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

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

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

有这样的网站吗?

【问题讨论】:

  • 这听起来非常适合您的需求。谁说其他人不需要其他信息?颜色、定位等。不久之后,您就拥有了 Firebug。话虽如此,如果它不存在,您应该构建它。我敢肯定它仍然是一个非常受欢迎的工具!
  • 如果网站能做到萤火虫所做的一切,那就太好了。我只是不想让人们避免提及一个潜在的网站,因为它只做了一些 firebug 所做的事情。
  • 嗯,我只是试了一下,但这可能会是一场真正的斗争。要在您的域上加载另一个网站,您需要使用 iframe。如果你这样做,你就不能在子框架上执行任何js。无赖!不幸的是,书市可能是最好的选择。我建了一个tiny example using jQuery,如果你把它转换成纯ps你可以做一个相对较小的书市,应该可以解决这个问题。
  • 谢谢克里斯蒂安。有很多很酷的书签。我将再考虑如何引导非开发人员完成使用它们的过程。再次感谢。

标签: css dom firebug saas


【解决方案1】:

我尝试过的几个网站都是这样做的:

虽然它不会将 CSS 显示为弹出窗口(它位于窗口的右侧),但 Firefox built-in 3D viewer 可能有助于可视化网站。

【讨论】:

  • 谢谢。 XRAY 之类的书签是我的灵感来源。但我正在寻找一种方法来实现这一点,而无需要求非开发人员安装书签。再次感谢。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2011-12-02
  • 2012-04-09
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多