【问题标题】:Is there something like Webmaster's Toolkit that runs on Linux?是否有类似 Webmaster's Toolkit 的东西可以在 Linux 上运行?
【发布时间】:2010-10-07 07:15:27
【问题描述】:

当我处理 HTML 或 CSS 时,我不断地试图弄清楚“这个元素中有多少个填充像素?它是什么颜色?左边距是 3 个像素宽还是 4 个像素宽?”

是否有一个 Linux 应用程序或一组应用程序可以放大屏幕的一部分并在该放大的空间内提供像素标尺和颜色选择器?就像名为“Webmaster's Toolkit”的 Windows 应用程序——http://spicebrains.com

【问题讨论】:

    标签: html css linux


    【解决方案1】:

    获取Firebug,缺一不可。

    【讨论】:

    • 我确实使用 Firebug -- 它可以做到这一点?
    • 是的,检查一个元素,然后在右侧查看属性和指标...或查看 Luis 发布的教程! :)
    • 这无济于事——我需要看看两个元素之间的实际像素数是多少。这些像素可能来自填充、边距或各种其他东西。这就是为什么我需要在渲染的页面上实际计算像素。
    【解决方案2】:

    有一个用于 Firefox 的 webdev 插件可以提供所有这些信息。

    Web Developer

    【讨论】:

    • 我安装了 WebDev,但没有看到我提到的任何工具。
    【解决方案3】:

    优秀的 Firebug 教程:

    1. Firebug Tutorial - Logging, Profiling and CommandLine (Part I)

    2. Firebug Tutorial - Logging, Profiling and CommandLine (Part II)

    3. Firebug Tutorial - Using Commandline API in Firebug

    4. Firebug Tutorial : Section 4 - Net, CSS and DOM tabs

    更新:这就是我要说的。 (我的萤火虫是西班牙语,但你明白了)。
    如果你点击“小”红色箭头所在的位置,你会得到一把漂亮的尺子。

    alt text http://img25.imageshack.us/img25/573/pantallazogm6.png

    【讨论】:

    • 这无济于事——我需要看看两个元素之间的实际像素数是多少。这些像素可能来自填充、边距或各种其他东西。读取元素属性不会告诉我。我需要实际查看被渲染的像素。
    【解决方案4】:

    测量像素的一种极其简单的方法是截取屏幕截图并将其拖到 GIMP 中。您可以使用吸管获取颜色,使用选取框(选择)工具获取尺寸。

    【讨论】:

    • 是的,它具有 100% 的功能,实际上就是我现在所做的。它只需要大约 50 倍于热键应用程序的时间。
    【解决方案5】:

    Web 开发者扩展提供了一个像素标尺。您可以将它与 gnome 可访问放大镜结合使用吗?我猜。

    【讨论】:

      【解决方案6】:

      要在屏幕上测量距离,请查看krulerscreenruler

      【讨论】:

        猜你喜欢
        • 2011-12-04
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 2010-10-26
        • 2010-10-29
        相关资源
        最近更新 更多