Designer Tools
A collection of tools to help you design and develop websites with precision.
Measurement tools, rulers and grids
按已采集快照查看用户数变化。
展示最近 7 日窗口内已采集的评分快照,辅助判断近期评分是否稳定。
同口径展示 1 天、7 天、30 天的绝对增长与增长率。
查看发布时间、版本、支持语言、最近更新和抓取时间。
查看插件说明、主要功能和适用场景。
Tape is a tool for pixel-perfect website development. It lets you put down guides that snap intelligently to the page content (and stick to it if it moves on scroll or resize), and helps you easily measure positions and sizes of elements. It knows about borders and padding, and will even snap to the baseline of text. There is on-screen help, the ability to display user-defined column and row grids, a built-in magnifying glass for pixel-perfect measurement, and all guides can be quickly toggled on and off with a single keystroke.
Unlike some extensions it will not interfere with any webpage you visit unless you click the Tape icon.
Once installed:
Click icon to activate. Read help, or press Space to dismiss it.
Mouse over document, observe that rules snap to useful positions
(including baselines!), and use keys as follows:
查看最近评论和评分分布。
商店综合星级:4.6。下方星级分布只统计已同步评论正文;如果某个插件只有公开分数、没有真实评论正文,这里可能为空。
查看 Chrome 商店详情页中的相关产品。
A collection of tools to help you design and develop websites with precision.
A tool for designers to measure screen dimensions
一款网页测量工具,支持吸附测量。为前端开发和ui设计提供便利。
Drop your mockup on the live page for pixel-perfect comparison with your code.
A pixel ruler for any live web page. Measure distances, inspect the box model, drop guides — DevTools stays closed.
Measure page elements size in pixel with an easy-to-use ruler.
Excelente!
Good!
DOES NOT WORK
Love it. If there could be an option for quickly adding the last type of rule via left click, that would be amazing (horizontal, vertical or both). I would also suggest left click to default to "set origin" when no rule has been placed yet. What would make this absolutely insane would be snapping to bitmap pixels as well (maybe in a separate mode). It would have to detect edges via colors wich can be quite complicated. A would be very very nice to have I'd say.
I get the impression that it is not working properly when you use dev tools, turn on devices view, and set the zoom to, for example, 50%.
It's a good and helpfull tool.
I love it
Very good work and thanks for your effort! Really love it and always use it as very helpful on my development jobs. Could you please consider to add one more feature which only element properties can toggle because they will mess up so that the distance cannot be viewed clearly if inspecting the page in small viewport such as mobile device size. Anyway, thanks again!
Perfect, really useful and easy to use. I just don't like the logo... the colors don't combine well, it's not anti-aliased and the arrows should be symmetric. For an extension about measuring pixels, I think the logo should be pixel perfect :P I can do a Pull Request if you want!
I like it, but I'm uninstalling it.. using the esc key as a shortcut is an odd choice.. esc is used for so many other things, and there are other key combos that conflict with other tools. I'd keep the extension if it could be deactivated properly from the toolbar button.