2009-02-12 61 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

相關問題