「Page Ruler」讓Chrome瀏覽器也有尺標工具,量測網頁中的區塊超方便!
2017/11/29
那就是只需在Chrome瀏覽器中,安裝Page Ruler外掛,就可將尺標工具搬到Chrome瀏覽器中,如此一來就可直接在瀏覽器中,直接量測每個區塊大小,甚至也可以自行輸入數字調整區塊大小,除此之外Pag Ruler也有像網頁開發人員工具,可以吸取每個區塊的大小、間距,甚至還有區塊層級與名稱,一整個方便,因此身為網設人員,Page Ruler這隻外掛絕對是必裝,現在就一塊來看看Page Ruler這隻外掛的操控吧!
Page Ruler
Step1
首先,進到Google商店,找到Page Ruler後,按一下後方的「加到CHROME」鈕。

Step2
安裝完成後,在網址列後方,會出現一個尺標圖示。

Step3
當要使用量測工具時,只需點一下尺標圖示,這時視窗上方,就會出現一條藍色的控制列。

Step4
再對著要量測的區塊,用拖拉的方式將區塊框取出來,這時上方就會顯示長、寬與位置。

Step5
甚至上方的尺寸,也可自行輸入,當輸入完畢後,下方的區塊也會同步調整。

Step6
除了自行框取外,也可點左上的箭頭,開啟追蹤模式。

Step7
當點選到區塊時,一樣上方會顯非區塊大小外,還會帶出該區塊的層級與樣式名稱,因此有了Page Ruler讓在修改網頁更方便、更快速。

引用網址:※如有發現掉圖或檔案無法下載,請由回應區留言告知,將會盡速處理!謝謝。
※本站採用CC授權請勿全文轉貼本站文章,歡迎「部份引用」與介紹,並註明出處,謝謝。
※本站採用CC授權請勿全文轉貼本站文章,歡迎「部份引用」與介紹,並註明出處,謝謝。
相關文章
回應本篇
※PS: 因梅干時間有限,教學網中所分享的主題繁多(所遇狀況也很多),可能無法一一回答各位,不便之處還請見諒。
※PS: 本教學網不提供「破解檔」、「註冊機」或「註冊碼」等資訊,請勿利用留言索取檔案。
※PS: 本教學網不提供「破解檔」、「註冊機」或「註冊碼」等資訊,請勿利用留言索取檔案。
梅干大大 最上面程式名 可能寫錯個了! 首先,進到Google商店,找到【Website IP】後 ,您忠實的讀者,感謝您的辛苦與分享!
感謝告知,已修正了