CreatedOct 12, 2021 12:16 PM類型開發人員工具網頁元素長度套件網址https://chrome.google.com/webstore/detail/dimensions/baocaagndhipibgklemoalmkljaimfdj用途除了知道網頁元素長度外,可以知道更細緻如按鈕的radius與圖片元素更細緻的長度測量英文介紹A tool for designers to measure screen dimensions官網https://felixniklas.com/dimensions/待讀文章未安裝重點功能中文介紹Dimensions:測量距離的 Chrome 瀏覽器外掛工具 - G. T. WangDimensions 是一個適用於 Chrome 瀏覽器的距離測量外掛工具,可以快速測量螢幕上任何元素之間的距離,操作介面既簡潔又方便。 在設計網頁時,時常會需要測量網頁中各種元素之間的距離,如果您慣用 Google Chrome 瀏覽器的話,可以嘗試一下 Dimensions 這個小工具,它可以讓您快速量測瀏覽器上任何元素之間的距離,既簡單又實用。 安裝好 Dimensions 之後,在 Chrome 瀏覽器的工具列上就會出現一個 Dimensions 的按鈕,點一下這個按鈕之後就可以開啟這個功能,接著即可對瀏覽器內的內容進行測量。 測量的操作方式很簡單,只要將滑鼠移動到要測量的位置,他就會自動顯示測量到的距離。 Dimensions 不只有可以測量網頁,只要是顯示在 Chrome 瀏覽器中的東西都可以進行測量,您也可以將一般的圖片使用 Chrome 瀏覽器開啟,然後使用 Dimensions 測量。 Dimensions 目前只有實作 Chrome 的版本,Firefox 目前沒有實作的版本,不過 Dimensions 是以開放原始碼的方式釋出的,如果有興趣參與開發的人,可以從 GitHub 取得其原始碼。https://blog.gtwang.org/useful-tools/chrome-dimensions-extension/缺點ALT + D與chrome快捷鍵重疊,所以無法用快捷鍵叫出,要直接點套件icon去呼叫使用,關閉也是要點套件icon