隐藏新版Google Reader导航栏油猴脚本

今天迎来了Google Reader 小清新的界面更新,却引来一片叫骂声,甚至有人聚众反对,我觉得最大的不爽是阅读区域变的太小,还有用的很频繁的分享按钮被取消掉了。

既然这样,我们就自己手动解决阅读区域太小的问题,思路是通过插件去掉主界面中Google Reader的logo和搜索框。

去掉红色选中的那块

 

有人说搜索功能挺需要的呀,去掉会很不方便,根据我的使用经验,这个搜索框不常用到,而且搜索到的结果很不靠谱,去掉无伤大雅 。

可以通过编写浏览器插件的方式去掉这块,更好的方法便是编写油猴脚本(Greasemonkey),因为它只是一段js代码,同时只是chrome和firefox。找了半天都没找到油猴脚本的编写教程,直接下载了几个现成的,根据已有的代码改。

点击这里安装

具体的代码很简单

(function(){
    function hide(){
        var height1=document.body.clientHeight;
        var height2=height1+100;
        document.getElementById("top-bar").style.display="none";
        document.getElementById("scrollable-sections").style.height=height1+"px";
        document.getElementById("entries").style.height=height2+"px";
    }
    window.setTimeout(hide,3000);
})();

思路是将id为“top-bar”的id隐藏,本以为一句

document.getElementById("top-bar").style.display="none";

就可以搞定,实际却不行。搜索选项是ajax加载的,你先把这块隐藏了,ajax又会重新载入显示这块,我的解决方案是设置定时器,等全都加载完了再执行。

这时候又有新问题了:top-bar隐藏后下面的内容整体上移,下面却空白出一大块,所以要重新设置导航和内容框的高度,那就设置auto吧,测试发现,设置成auto后虽然显示正常了,但是鼠标切换区域却不能使用滚动条了,查看源代码,源码中这两个div的高度都是计算好的定值,那我也来设置定值,暂且设置为可视区域的高度。高度没有精确计算,它会自己适应。

以上脚本在不同分辨率两台电脑不同chrome和firefox上均测试通过。



隐藏新版Google Reader导航栏油猴脚本》上有1条评论

评论已关闭。