在設計網頁時,時常會需要測量網頁中各種元素之間的距離,如果您慣用 Google Chrome 瀏覽器的話,可以嘗試一下 Dimensions 這個小工具,它可以讓您快速量測瀏覽器上任何元素之間的距離,既簡單又實用。
名稱:Dimensions
網址:http://felixniklas.com/dimensions/
網址:http://felixniklas.com/dimensions/
安裝好 Dimensions 之後,在 Chrome 瀏覽器的工具列上就會出現一個 Dimensions 的按鈕,點一下這個按鈕之後就可以開啟這個功能,接著即可對瀏覽器內的內容進行測量。
測量的操作方式很簡單,只要將滑鼠移動到要測量的位置,他就會自動顯示測量到的距離。
Dimensions 不只有可以測量網頁,只要是顯示在 Chrome 瀏覽器中的東西都可以進行測量,您也可以將一般的圖片使用 Chrome 瀏覽器開啟,然後使用 Dimensions 測量。
Dimensions 目前只有實作 Chrome 的版本,Firefox 目前沒有實作的版本,不過 Dimensions 是以開放原始碼的方式釋出的,如果有興趣參與開發的人,可以從 GitHub 取得其原始碼。
沒有留言:
張貼留言