Better Ruler網(wǎng)頁(yè)測(cè)量在瀏覽器中使用的擴(kuò)展，是一款不錯(cuò)的網(wǎng)頁(yè)測(cè)量工具，這款該工具支持吸附測(cè)量，為前端開(kāi)發(fā)和ui設(shè)計(jì)提供便利，歡迎需要的朋友下載使用。

功能

- 點(diǎn)擊插件圖標(biāo)啟動(dòng)，再次點(diǎn)擊退出。

- 移動(dòng)鼠標(biāo)的同時(shí)按住`Alt`鍵(`Option`, 如果是mac)，可實(shí)時(shí)顯示當(dāng)前鼠標(biāo)位置元素的大小。

- 移動(dòng)鼠標(biāo)的同時(shí)按住`Alt`鍵(`Option`, 如果是mac)，如果在吸附范圍內(nèi)(距離元素邊界50px內(nèi)，距離頂點(diǎn)20px內(nèi)，具體數(shù)值可在底部工具欄自定義)可自動(dòng)吸附。

- 雙擊當(dāng)前層進(jìn)入編輯模式，可進(jìn)行拖拽和縮放。再次雙擊（或者按下`Esc`）則退出編輯模式。按下`Backspace`刪除當(dāng)前層。

- 按下`f`鍵(默認(rèn)，可配置)，切換顯示和隱藏底部工具欄。

- 按下`shift`鍵，切換顯示和隱藏尺寸大小。

- 可以使用快捷鍵`alt+z`啟動(dòng)和關(guān)閉插件。如果快捷鍵無(wú)效，可以去 chrome://extensions/shortcuts 手動(dòng)綁定快捷鍵。或者，也可在插件啟動(dòng)過(guò)一次之后，通過(guò)雙擊`z`(默認(rèn)，可配置)來(lái)激活和關(guān)閉插件。

- 進(jìn)入chrome://extensions，找到本插件并開(kāi)啟`允許訪(fǎng)問(wèn)文件網(wǎng)址`，即可對(duì)本地html文件生效。

安裝方法

方法一：.Crx文件格式插件安裝

　　1.首先用戶(hù)點(diǎn)擊谷歌瀏覽器右上角的自定義及控制按鈕，在下拉框中選擇設(shè)置。

　　2.在打開(kāi)的谷歌瀏覽器的擴(kuò)展管理器最左側(cè)選擇擴(kuò)展程序或直接輸入：chrome://extensions/

　　3.找到自己已經(jīng)下載好的Chrome離線(xiàn)安裝文件xxx.crx，然后將其從資源管理器中拖動(dòng)到Chrome的擴(kuò)展管理界面中，這時(shí)候用戶(hù)會(huì)發(fā)現(xiàn)在擴(kuò)展管理器的中央部分中會(huì)多出一個(gè)”拖動(dòng)以安裝“的插件按鈕。

　　4.松開(kāi)鼠標(biāo)就可以把當(dāng)前正在拖動(dòng)的插件安裝到谷歌瀏覽器中去，但是谷歌考慮用戶(hù)的安全隱私，在用戶(hù)松開(kāi)鼠標(biāo)后還會(huì)給予用戶(hù)一個(gè)確認(rèn)安裝的提示。

　　5.用戶(hù)這時(shí)候只需要點(diǎn)擊添加按鈕就可以把該離線(xiàn)Chrome插件安裝到谷歌瀏覽器中去，安裝成功以后該插件會(huì)立即顯示在瀏覽器右上角（如果有插件按鈕的話(huà)），如果沒(méi)有插件按鈕的話(huà)，用戶(hù)還可以通過(guò)Chrome擴(kuò)展管理器找到已經(jīng)安裝的插件。

方法二：文件夾格式插件安裝

　　1.首先用戶(hù)點(diǎn)擊谷歌瀏覽器右上角的自定義及控制按鈕，在下拉框中選擇設(shè)置。

　　2.在打開(kāi)的谷歌瀏覽器的擴(kuò)展管理器最左側(cè)選擇擴(kuò)展程序。

　　3.勾選開(kāi)發(fā)者模式，點(diǎn)擊加載已解壓的擴(kuò)展程序，將文件夾選擇即可安裝插件。

更詳細(xì)的插件安裝可以參考：超詳細(xì)的Chrome 瀏覽器/瀏覽器插件安裝教程(全方法) 一文解決