[Firefox/Chrome] MeasureIt § 網頁螢幕尺,快速測量網頁各物件的尺寸大小


不知道各位有沒有遇過想要在網站上量一些尺寸大小的經驗?尤其是對於網頁設計師而言,總是想要知道每個欄位的長、寬各是多少,一般來說我們可能會用螢幕尺這類的軟體來測量,不過若只是要測量網頁上的物件尺寸,那麼「MeasureIt」這個擴充元件也許會更方便,它可以直接在螢幕上畫出尺寸圖,快速取得物件的長、寬值。

安裝下載點:FirefoxChrome

使用教學

本文以Firefox為例,在安裝完之後請在上方頁籤空白處按滑鼠右鍵,並選擇「自訂」

在自訂工具列中找到MeasureIt,並把它拖拉到Firefox的工具列上

當要開始取的畫面上的尺寸大小時,請點擊「MeasureIt」的圖示,然後直接在網上畫出目標物的大小範圍即可,此時在畫出框框的右上方便會即時顯示長、寬資訊

若想調整框框的大小,直接在右下角中拖拉來調整即可

延伸閱讀:
Sizer 精準的調整視窗到指定尺寸,可即時顯示視窗大小
[Firefox] Responsive Design Tool 直接觀看網頁在不同解析度螢幕上的樣子