2009-02-12 63 views
0

当我使用HTML或CSS时,我总是试图弄清楚“在这个元素里面有多少个填充像素?它是什么颜色的?那么左边距是三个像素还是四个?有没有像在Linux上运行的网站管理员工具包?

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

回答

0

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

2

有一个Firefox的webdev插件,可以提供所有的信息。

Web Developer

+0

我安装了WebDev,但没有看到我提到的任何工具。 – mike 2009-02-13 17:46:38

5

获取Firebug,这是必不可少的。

+0

我使用Firebug - 它可以做到这一点? – mike 2009-02-12 22:17:38

+0

是的,检查一个元素,然后在右侧查看属性和度量标准......或者查看Luis发布的教程! :) – 2009-02-12 22:26:54

+0

这没有帮助 - 我需要看看两个元素之间的实际像素数是多少。这些像素可能来自填充,边距或各种其他事物。这就是为什么我需要实际计数像素,就在渲染的页面上。 – mike 2009-02-12 23:50:54

2

外观极好的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

1

一死简单的方式就是采取截图并将它拖到GIMP。您可以使用吸管获取颜色,并使用选取框(选择)工具获取尺寸。

0

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

相关问题