如何快速查看页面的布局结构？

在前端页面 UI 开发时，如何能快速查看页面的结构布局？

html * {
    outline: 1px solid red !important;
}

outline 属性不会增加元素的尺寸，比 border 要好。