火狐中的CSS Grid Inspector新加强大的功能

上周，我谈到了平常的网站浏览我用Firefox，可是在切图网作前端开发的时候我会用Chrome。 随着每一个版本，FF Nightly在开发工具箱中有一些愈来愈棒的工具，这些更新使Firefox成为浏览器的最佳选择，并了解网格布局

侧边栏中还有一个新的互动网格轮廓。 将鼠标悬停在轮廓上以突出显示网页上的部分，并显示大小，面积和位置信息。

新的“显示网格区域”设置显示每一个单元格中的边界区域和相关区域名称。 此功能的灵感来源于CSS Grid Template Builder，由Anthony Dugois建立。

 

原文来自火狐官方日志

https://hacks.mozilla.org/2017/06/new-css-grid-layout-panel-in-firefox-nightly/