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

标签 css dom firebug saas

<分区>

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

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

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

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

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

是否有这样做的网站?

enter image description here

最佳答案

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

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

关于css - 执行与 Firebug、Chrome 开发者工具等类似功能的网站,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16338592/

上一篇:css - 使用 CSS 将菜单列表定位在文本框下方

下一篇:html - GWT historyFrame 导致正文部分出现空白行

相关文章:

jquery - 如何创建在同一页面上多次使用的 Knockout 函数?

css定位问题,找不到区别

error-handling - firebug 显示网络错误

firefox - console.log 没有显示在我的 Firebug 中

php - 如何在 php 中删除时使用 sweetalert

css - 输入[类型 ="button"] Sprite 悬停有过渡问题

javascript - JS表单-动态填充下拉列表-多选、表单填写

java - 从 XML 文件中提取字数统计

javascript - 有没有办法使用 jQuery 选择器来获取与 document.documentElement.outerHTML 返回的字符串相同的字符串?

CSS 类已禁用?