手动调出 Google Docs “离线黑条” 的方法

感谢读者 FanQiuwen 的研究和自爆。

FanQiuwen说他今天登录Google Docs时就发现在搜索框上方、导航条下方有一块很不自然的空白区域（上图），不知道是为啥，也没多想。晚上看到谷奥说有一个“离线黑条”的帖子，觉得可能就是这玩意儿在捣鬼，于是决定研究一下。

右键空白区域，用Chrome自带的审查元素功能，发现这个空白位置在代码里被导航条占着，而导航条实际显示的位置却被docs-offline-bar占着（下图）。根据网页开发经验，这是CSS布局中的一个失误，docs-offline-bar应该完全不显示，但它却占了位，于是导航条被挤到了下面。也许又因为导航条的代码中规定它一定要贴着页面顶部，于是就出现了尴尬的空白区域。

Chrome的审查元素相当强大，FanQiuwen想到可以直接动点手脚把导航条隐藏起来。右键id为gb的div，加入属性 style="display:none"：

Boom！没想到那么快，事实上是被导航条遮住的offline-bar就这样显示出来了：

不过现在只有黑条，却无法正常工作。FanQiuwen也懒得挖Javascript代码了，有闲情逸趣之人士可以继续试试看。