gp5251的专栏

作为一名前端工程师，经常因为做出的页面和UI设计稿之间存在一些偏差，导致和UI同学反复沟(si)通（bi），这个过程很让人沮丧是不是？？其实要避免这种情况很简单，一款chrome插件就可以很方便帮助工程师和设计师做UI走查。它的原理是在当前页面上叠加了一层设计稿，可以自由拖拽拉伸，调整透明度等等，页面和设计稿之间的差异一目了然有木有？在方便自己的同时也希望可以方便到更多人，推荐给大家一起使用。...

一般而言，对于测量页面某个元素的大小，直接f12打开开发者工具inspect目标元素就好了，但如果要测量其他，如两个元素间的距离，是不是就没那么方便了？这里安利一款chrome插件，better ruler，可以很方便的测量各种距离，更重要的是，它支持吸附到元素，再也不用眯着眼去量一两像素的差异了。点击插件图标即可开始测量，再次点击将退出测量。 移动鼠标的同时按住A...