Dimensions 是一個適用於 Chrome 瀏覽器的距離測量外掛工具,可以快速測量螢幕上任何元素之間的距離,操作介面既簡潔又方便。

在設計網頁時,時常會需要測量網頁中各種元素之間的距離,如果您慣用 Google Chrome 瀏覽器的話,可以嘗試一下 Dimensions 這個小工具,它可以讓您快速量測瀏覽器上任何元素之間的距離,既簡單又實用。

名稱:Dimensions
網址:http://felixniklas.com/dimensions/

安裝好 Dimensions 之後,在 Chrome 瀏覽器的工具列上就會出現一個 Dimensions 的按鈕,點一下這個按鈕之後就可以開啟這個功能,接著即可對瀏覽器內的內容進行測量。

dimensions-1

測量的操作方式很簡單,只要將滑鼠移動到要測量的位置,他就會自動顯示測量到的距離。

dimensions-2

Dimensions 不只有可以測量網頁,只要是顯示在 Chrome 瀏覽器中的東西都可以進行測量,您也可以將一般的圖片使用 Chrome 瀏覽器開啟,然後使用 Dimensions 測量。

dimensions-3

Dimensions 目前只有實作 Chrome 的版本,Firefox 目前沒有實作的版本,不過 Dimensions 是以開放原始碼的方式釋出的,如果有興趣參與開發的人,可以從 GitHub 取得其原始碼。