chrome尺子插件是一款可以測(cè)量Chrome瀏覽器中網(wǎng)頁(yè)元素大小尺寸的谷歌瀏覽器輔助工具，可以幫助用戶快速測(cè)量頁(yè)面元素、圖片和文本的尺寸、位置。

【基本簡(jiǎn)介】

前端開發(fā)人員需要經(jīng)常做一些網(wǎng)頁(yè)美工或者是網(wǎng)頁(yè)前臺(tái)開發(fā)，對(duì)于某一個(gè)元素的具體尺寸，像素的要求會(huì)比較高，即使我們普通用戶在上傳圖片或者其他操作時(shí)也會(huì)有這樣的需求，希望能夠知道某個(gè)圖片或者網(wǎng)頁(yè)的具體大小尺寸的話，最好的方法有一把在線的尺子，而是一款Chrome瀏覽器中的chrome尺子插件就是這樣一款屏幕尺子。這款插件可以很好地集成到谷歌瀏覽器中，在Chrome中啟動(dòng)PageRuler插件可以與當(dāng)前網(wǎng)頁(yè)的屏幕無(wú)縫地集成到一起，可以使得用戶非常精確地測(cè)量出當(dāng)前頁(yè)面某個(gè)元素或者是整個(gè)頁(yè)面的大小尺寸。

【軟件特色】

chrome尺子插件是一款可以測(cè)量Chrome瀏覽器中網(wǎng)頁(yè)元素大小尺寸的谷歌瀏覽器插件。頁(yè)面尺寸測(cè)量工具，前端設(shè)計(jì)師專用?？梢詼y(cè)量頁(yè)面元素、圖片和文本的尺寸、位置。chrome尺子插件是一款可以快速測(cè)量出當(dāng)前頁(yè)面中某個(gè)元素大小尺寸的Chrome插件，在Chrome中安裝了chrome尺子插件以后，可以點(diǎn)擊瀏覽器右上角的chrome尺子插件在任何頁(yè)面中啟動(dòng)它來(lái)測(cè)量相關(guān)的元素大小。

【功能介紹】

1.畫一把尺子到任何頁(yè)面，并查看寬度，高度和頂部，底部，左，右位置
2.拖動(dòng)標(biāo)尺的邊緣來(lái)調(diào)整它的大小
3.使用箭頭鍵移動(dòng)和調(diào)整標(biāo)尺的大小
4.顯示從標(biāo)尺邊緣延伸的指南
5.手動(dòng)更新標(biāo)尺的大小和位置，從工具欄上進(jìn)行精確的更改
6.打開一個(gè)待測(cè)網(wǎng)頁(yè)，選擇到將要測(cè)量的元素（或者是整個(gè)網(wǎng)頁(yè)）。
7.點(diǎn)擊Chrome右上角的chrome尺子插件來(lái)啟動(dòng)屏幕尺子的功能。
8.拖動(dòng)鼠標(biāo)畫出一個(gè)矩形來(lái)選中網(wǎng)頁(yè)中的待測(cè)元素（其中選中的部分會(huì)以陰影部分表現(xiàn)出來(lái)）。
9.通過(guò)屏幕上面的chrome尺子插件工具條來(lái)查看當(dāng)前選中的矩形大小的尺寸信息。
10.如果信息不符合要求，也可以選擇屏幕上面的間距輸入框來(lái)手動(dòng)微調(diào)選中元素的位置。

【使用方法】

方法一：.crx文件格式插件安裝
1.首先用戶點(diǎn)擊谷歌瀏覽器右上角的自定義及控制按鈕，在下拉框中選擇設(shè)置。
2.在打開的谷歌瀏覽器的擴(kuò)展管理器最左側(cè)選擇擴(kuò)展程序或直接輸入：chrome://extensions/
3.找到自己已經(jīng)下載好的Chrome離線安裝文件xxx.crx，然后將其從資源管理器中拖動(dòng)到Chrome的擴(kuò)展管理界面中，這時(shí)候用戶會(huì)發(fā)現(xiàn)在擴(kuò)展管理器的中央部分中會(huì)多出一個(gè)”拖動(dòng)以安裝“的插件按鈕。
4.松開鼠標(biāo)就可以把當(dāng)前正在拖動(dòng)的插件安裝到谷歌瀏覽器中去，但是谷歌考慮用戶的安全隱私，在用戶松開鼠標(biāo)后還會(huì)給予用戶一個(gè)確認(rèn)安裝的提示。
5.用戶這時(shí)候只需要點(diǎn)擊添加按鈕就可以把該離線Chrome插件安裝到谷歌瀏覽器中去，安裝成功以后該插件會(huì)立即顯示在瀏覽器右上角（如果有插件按鈕的話），如果沒(méi)有插件按鈕的話，用戶還可以通過(guò)Chrome擴(kuò)展管理器找到已經(jīng)安裝的插件。
方法二：文件夾格式插件安裝
1.首先用戶點(diǎn)擊谷歌瀏覽器右上角的自定義及控制按鈕，在下拉框中選擇設(shè)置。
2.在打開的谷歌瀏覽器的擴(kuò)展管理器最左側(cè)選擇擴(kuò)展程序。
3.勾選開發(fā)者模式，點(diǎn)擊加載已解壓的擴(kuò)展程序，將文件夾選擇即可安裝插件。