推荐一款关于有效提高前端开发效率的 Chrome 插件, PageLiner 一款Chrome参考线插件。
缘由是,在开发一个文字对齐小需求时,想去用一下参考线校对一下两元素是不是对齐,[参考线出自PS😂😂],临睡前本来想着自己可以做一个简单的类似于photoshop参考线功能的chrome小插件,然后带着想法入睡了。
第二天醒来,先搜索有没有相关类似功能的插件,😤还让我真找到了,这款 PageLiner 的插件,想法破灭了。
入正题:
概述
PageLiner 是一款能在Chrome标签页里实现参考线的功能,当然在开发者工具中也能实现。 GitHub地址: https://github.com/Crease29/pageliner 上面的 readme.md 文档会有一个插件的操作说明
大概长这个样子:

下载
- 它的作者把它放到了 chrome 的应用商店上 PageLiner for chrome / 需翻墙
链接:https://pan.baidu.com/s/1EnP6FAf9IuFp4jOlI9wogw 密码:27zm
- 如果翻墙不了的,可以到我的百度网盘上取:
---
原始 Issue:heycqing/blog#1