Baseliner插件，网页网格生成器，设计师开发必备

Baseliner插件是一款开源的网格在线生成器，能为任意网站实时添加自定义网格线，支持修改线条颜色、密集程度等等操作，是设计人员和开发者的必备工具。

Baseliner

开发者工具插件2021-12-214.3

Baseliner adds horizontal & vertical lines to help you align your grid to any website.

直达下载

Baseliner插件开发背景

对于设计师和开发人员来说，在进行页面设计和开发的时候，美观是重中之重。

而要让网页美观，就必须让网页上的各类元素达到令人满意的布局效果，这就必须要用到网格线了。

在网页上添加网格线后，可以方便使用者更清楚地看到网站元素的排列情况，一眼看出突兀的地方，以便于作出快速调整。

Baseliner插件功能介绍

如同Baseliner插件的名字一样，这是一款网页网格线生成器，此工具可以在任何网站上添加网格层，以用作开发界面时的指导。

为了获得更好的体验，你还可以更改线条的颜色、不透明度、密集程度，从而更轻松地将网格与网站设计进行比较。

Baseliner插件是一款开源的工具，并在开源社区的支持下不断更新，因此可以放心使用。

Baseliner插件使用方法

一、安装插件

如果有条件，可以直接在谷歌Chrome商店下载安装；如果无法访问，请在扩展迷安装Baseliner插件的crx文件到你的谷歌浏览器上。

二、添加网格线

单击插件图标，当前网页就会被添加上默认的网格线了。

如果你不习惯这样的线条，那么可以在菜单中进行手动调整。比如更换它们的颜色、透明度、密集程度等等，自定义程度很高。

你也可以点击垂直线的开关、水平线的开关，来隐藏不需要的线条。

需要注意的是，网格仅应用于当前网页，你为每个URL设置的配置都保存在localStorage中，因此刷新后就能回到网站的原样了。

Baseliner

开发者工具插件2021-12-214.3

Baseliner adds horizontal & vertical lines to help you align your grid to any website.

直达下载