像素級質量 快速切頁面工具

背景

在剛開始切頁面不久，感受很難計算出每一個元素的尺寸（特別是文字的行高和字高），因而想辦法改進。想出用臨摹的辦法(就是將設計圖做爲背景圖，而後調整頁面達到徹底同樣)。

安裝

• 下載 crx 文件
• 打開：chrome://extensions/頁面
• 將crx文件拖動到 剛打開的頁面 安裝
• 勾上容許訪問文件網址

使用方法

• 打開插件頁面
• 將圖片添加到插件中，方法有三種：
  • 用文件選框
  • 將截屏粘貼進來
  • 將圖片文件拖拽進來
• 調整圖片位置
• 爲圖片加鎖（就能夠右鍵查看元素了）

tips

• 在移動圖片時，按上下左右光標鍵移動，每次1像素，按住shift每次10像素