将Google Reader的阅读面积最大化

我使用的是14寸的笔记本,在看Google Reader的时候感觉页面顶部有很多多余的东西,这包括Google帐户选项、Google Reader的Logo,于是我昨晚写了个Greasemonkey脚本,将很多无用的、多余的东西去去掉。同时参考Favicons for Google Reader 这个脚本,将博客的favicon显示到阅读器里。目前我的Google Reader界面如下:

早上在Twitter问了一些推友,感觉上还是有不少人需要这个脚本的,所以我将这个脚本公布出来,供给大家下载。

这个脚本主要改动的内容如下:

1、去掉Google服务菜单栏

2、改变左侧订阅条目导航栏的底色,白色实在太刺眼

3、将搜索框移动到左上角,同时去掉搜索按钮,因为搜索时按Enter即可搜索。

4、去掉list view和expand view的按钮,这两种阅读方式用键盘的"1"和"2"可以快速切换。

5、去掉其它多余的内容,最大化阅读区域。

6、为订阅的网站加上favicon图标:

要使用这个脚本请先在Firefox里安装Greasemonkey扩展,然后点击下面的链接进行安装:

下载安装(2010/2/9更新,GR官方已经支持favicon,故去掉favicon部分)

我刚才在宽屏和普屏都测试了一下,基本没有显示错乱。

134 条评论

  1. 唐唐
    2009 年 8 月 3 日 下午 12:53

    有没有沙发啊?

    • 2009 年 8 月 3 日 下午 4:24

      俺之前写过stylish:http://userstyles.org/styles/14058
      界面控制CSS比JS来的要好

      • ProteinPig
        2009 年 8 月 3 日 下午 4:43

        CSS确实比JS好
        至少不会有一闪而过的原样式

        • 2009 年 8 月 3 日 下午 5:19

          用Chrome没办法改

        • ProteinPig
          2009 年 8 月 3 日 下午 7:40

          折腾了一下,把界面控制写成了Styles(不包含Fav功能),这样不会有刷新的时候一闪而过的原界面。需要的同学自己复制下。

          @namespace url(http://www.w3.org/1999/xhtml);

          @-moz-document url-prefix(“http://www.google.com/reader/”), url-prefix(“https://www.google.com/reader/”) {
          /*去除多余界面元素,想留下的元素直接删掉这一行就行了*/
          #gbar,
          #global-info,
          #message-area-outer,
          .gbh,
          #logo,
          #logo-container,
          #search-submit,
          #chrome-lhn-toggle,
          #chrome-header,
          #viewer-footer,
          #directory-selector{display: none !important;}

          /*调整导航栏宽度*/
          #search {top:4px !important;left:9px !important;}
          #search-input {width:92px !important;}
          #search-restrict {width:75px !important;}
          #search-restrict-input.label-input-label {width:75px !important;}
          #nav {width:215px !important;}
          #chrome {margin-left:215px !important;}

          /*导航栏永久在左,宽屏适用*/
          #nav {margin: 0px !important;}

          /*调整添加按钮位置*/
          #lhn-add-subscription {left:757px !important;bottom:0px !important;}

          /*调整底色*/
          #main {
          top:0px !important;
          width:100% !important;
          background-color:#EBEFF9 !important;}
          #lhn-selectors,
          #sub-tree,
          #friends-tree-item-0-main ul,
          .scroll-tree li,
          #lhn-add-subscription-section {background-color:#EBEFF9 !important;}
          .lhn-section-footer {background-color:#C2CFF1 !important;}
          .scroll-tree li a:hover, #lhn-selectors .selector:hover {background-color:GhostWhite !important;}
          }

          • ian
            2009 年 8 月 5 日 下午 11:31

            按 U 键,无法隐藏左树的区域。

          • ProteinPig
            2009 年 8 月 6 日 上午 12:27

            这是因为调整了导航栏宽度
            #chrome {margin-left:215px !important;}
            这一行限定了左边一直有215px
            你可以把这一行删掉
            再自行调整一下搜索框的宽度

            比如
            #search {top:4px !important;left:9px !important;}
            #search-input {width:92px !important;}
            #search-restrict {width:75px !important;}
            #search-restrict-input.label-input-label {width:75px !important;}

            75 92这两个数值自己调整一下就可以了

    • 2009 年 8 月 3 日 下午 5:04

      哇。很人性化。期待已久的功能。

    • 唐唐
      2009 年 8 月 3 日 下午 7:01

      用chrome的飘过。

    • easer
      2009 年 8 月 3 日 下午 9:00

      ProteinPig的脚本在我机器上有点问题,原来是url用了中文输入法的双引号,改成英文的就可以了,不知道各位有没有这个问题?

      • ProteinPig
        2009 年 8 月 3 日 下午 10:28

        呃……
        确实,这个是我随手复制过来的,复制之后变成了中文全角符号。
        大家自己修改一下就OK了。

      • ProteinPig
        2009 年 8 月 3 日 下午 10:38

        再次检查了一下
        发现原来的代码没问题,问题出在从浏览器复制出来之后的过程
        是这个时候变成了全角,不是我打错了

  2. 2009 年 8 月 3 日 下午 12:54

    来晚了就连板凳都没了

  3. Vincent
    2009 年 8 月 3 日 下午 12:55

    现在可以跟你的google reader一样干净了!

  4. 2009 年 8 月 3 日 下午 12:56

    好东西,已下载

  5. 2009 年 8 月 3 日 下午 12:56

    呃,通常是直接看 所有未读 。

  6. 没可能吧
    2009 年 8 月 3 日 下午 12:57

    IE8路过 -.-

  7. 2009 年 8 月 3 日 下午 12:58

    阿禅还订阅AV呃。。。

  8. 2009 年 8 月 3 日 下午 1:07

    chrome路过,没份啊

  9. 天涯飞鸟
    2009 年 8 月 3 日 下午 1:09

    的确很清爽!

  10. Half-Asleep
    2009 年 8 月 3 日 下午 1:12

    没人用Opera,沾不了光咯

  11. ks
    2009 年 8 月 3 日 下午 1:12

    呛个排名咯

  12. AWu
    2009 年 8 月 3 日 下午 1:13

    我是来表扬滴,嘎嘎

  13. Liya
    2009 年 8 月 3 日 下午 1:16

    嘻嘻~~

  14. zyboy3707
    2009 年 8 月 3 日 下午 1:18

    为了靠前排点,,先留言在看

  15. 2009 年 8 月 3 日 下午 1:18

    用Opera的站点首选项实现此功能很简单,只要你会一点css知识。

  16. 2009 年 8 月 3 日 下午 1:19

    我也订阅了avno1,哈哈

  17. 2009 年 8 月 3 日 下午 1:20

    订阅真多。。

  18. C++++
    2009 年 8 月 3 日 下午 1:20

    感谢分享-o-

  19. 2009 年 8 月 3 日 下午 1:25

    谢谢jason的分享~~试用一下

  20. 2009 年 8 月 3 日 下午 1:31

    和以前shawn的那个脚本差不多。

  21. 2009 年 8 月 3 日 下午 1:41

    好,等我有空也搞搞

  22. 2009 年 8 月 3 日 下午 1:48

    还好我用的是17的FullHD本子,那点面积还真不占地方……嘎嘎……
    不过某个RSS订阅还是相当不错的……

  23. 应越
    2009 年 8 月 3 日 下午 1:51

    google chrome 的扩展可以弄个类似的吗?可行吗?

  24. TGSGG
    2009 年 8 月 3 日 下午 1:52

    漂亮!我的是宽屏,谢谢分享!
    不过,这个要怎么用呀?

  25. Izual_Yang
    2009 年 8 月 3 日 下午 1:53

    纯css解决的路过。在google reader optimized样式的基础上自己再调整了一下,应该比博主的还省点。

  26. 2009 年 8 月 3 日 下午 1:54

    chrome用不上,阿禅自己订阅可能吧那么多次干嘛?

  27. 2009 年 8 月 3 日 下午 1:55

    话说我右边没有出现favicon图标…

    • 2009 年 8 月 3 日 下午 1:57

      因为favicon在左边。

      • Rio
        2009 年 11 月 11 日 上午 1:51

        用了Favicons for Google Reader 这个脚本,左边的favicon仍然出不来?

  28. darasion
    2009 年 8 月 3 日 下午 1:55

    默认就挺好,对一些东西依赖多了,就不好了。
    我的原则是,能默认就默认。

  29. Lan
    2009 年 8 月 3 日 下午 2:00

    太大就不好了(如Chrome),倒不如去掉廣告更順眼

  30. 2009 年 8 月 3 日 下午 2:06

    本文对本人好无意义

  31. aclan
    2009 年 8 月 3 日 下午 2:08

    看到JASON里面有一个TAG是AV..邪恶啊邪恶~

  32. 帝林
    2009 年 8 月 3 日 下午 2:11

    大家好速度。。。。这回就有这么多留言了。。囧。。

  33. 2009 年 8 月 3 日 下午 2:28

    这不是跟鲜果差不多了么

  34. ProteinPig
    2009 年 8 月 3 日 下午 2:33

    想问下左边的导航栏怎么调窄一点?
    就看到一个260px 还有搜索栏的宽度
    我调了200
    可是那个chrome-lhn-toggle还是在那个地方

  35. Jaesor
    2009 年 8 月 3 日 下午 2:37

    多谢Jason

  36. littlejia
    2009 年 8 月 3 日 下午 2:56

    发现一个小小的问题…..

    不知道是不是favicon图标的原因,如果订阅了一些被墙了的网站(youtube等),只要试图获取这些网站的favicon图标,就会导致短时间内无法访问google reader….有点不方便啊,请问如何去掉这个功能?

    • 2009 年 8 月 3 日 下午 4:47

      用https方式打开Google Reader即可。

      • littlejia
        2009 年 8 月 3 日 下午 6:17

        奏效了,哈哈~

        请问这是什么原理……

  37. ProteinPig
    2009 年 8 月 3 日 下午 3:18

    有一个小BUG,导航栏左缩进后搜索栏是不会跟着缩进的
    不过这个id本来就不从属于nav id。应该怎么改?

    暂时修改了一下左边的导航栏宽度
    不太懂CSS,凑合,有更好的方案告诉一下

    addGlobalStyle(‘#search-restrict-input.label-input-label {……width:宽度1px;}’);
    addGlobalStyle(‘#search-input {……width:宽度2px;}’);
    addGlobalStyle(‘#chrome {margin-left:宽度px;}’);/*此行自行添加*/
    addGlobalStyle(‘#nav {float:left;position:absolute;top:0px;width:宽度;}’);/*导航栏宽度*/
    /*宽度1+宽度2=宽度*/

    LS的,把源代码里和CSS无关的东西删掉就行了
    里面有注释的

  38. ProteinPig
    2009 年 8 月 3 日 下午 3:26

    还要再添加一行
    addGlobalStyle(‘#search-restrict {width:宽度1px;}’);
    一般人会出现一条白色的细线

    宽度1是搜索选择下拉列表的宽度
    宽度2是搜索框的宽度

  39. 2009 年 8 月 3 日 下午 3:34

    Chrome 3 路过

  40. 2009 年 8 月 3 日 下午 3:39

    哈,还不赶快重新截张图?

  41. 2009 年 8 月 3 日 下午 3:47

    我用mac for gr的那个主题,很酷

  42. 2009 年 8 月 3 日 下午 3:49

    忘了截图,截图:http://i32.tinypic.com/mm7lhv.jpg

  43. 黑洞阿黑
    2009 年 8 月 3 日 下午 3:50

    那个扩展better greader貌似也可以

  44. 2009 年 8 月 3 日 下午 3:55

    如能能加一个列表和展开的按钮就好了,有时候时间不够,只想用列表看看标题来快速找到自己想看的内容。

  45. 2009 年 8 月 3 日 下午 4:11

    请问一下,我想把正文字体改成14px,再把行距增大一点,侧边栏缩小为200px,应该添加什么代码?

    • 2009 年 8 月 3 日 下午 4:29

      我手动添加了addGlobalStyle(‘#chrome-header{padding:2px 11px}.entry-body{font-size:14px;line-height:1.8;margin-right:15px;word-spacing:3px}’);

      把正文字体增大为14px,行距增加。
      但侧边栏强制设置为200px后,顶部搜索条就会错误。暂时就用默认的260px了

      • ProteinPig
        2009 年 8 月 3 日 下午 4:36

        addGlobalStyle(’#search-restrict-input.label-input-label {……width:宽度1px;}’);
        addGlobalStyle(’#search-input {……width:宽度2px;}’);
        addGlobalStyle(’#search-restrict {width:宽度1px;}’);/*此行自行添加*/
        addGlobalStyle(’#chrome {margin-left:宽度px;}’);/*此行自行添加*/
        addGlobalStyle(’#nav {float:left;position:absolute;top:0px;width:宽度;}’);/*导航栏宽度*/
        /*宽度1+宽度2=宽度*/

  46. run
    2009 年 8 月 3 日 下午 4:14

    我用遨游的,能这么整吗?

  47. TW
    2009 年 8 月 3 日 下午 4:26

    用世界之窗的有办法吗?

  48. 2009 年 8 月 3 日 下午 4:30

    我是用的Chrome。

    关于AV,Jason Ng曾经说过他订阅avno1。

  49. pizzzzz
    2009 年 8 月 3 日 下午 4:41

    这个JS真不错,界面清爽了不少
    话说AVNO1应该很多人都订阅了的吧

  50. lhb5883
    2009 年 8 月 3 日 下午 5:11

    chrome APP的效果才是最好的,浏览器本身占据太多空间了。

  51. Asins
    2009 年 8 月 3 日 下午 5:38

    回复有没有成功没半点提示,这可做得不好,我的回复是被当成LS了还是得审核???

  52. Asins
    2009 年 8 月 3 日 下午 5:39

    用Firefox看了下你代码,发现会建立很多个
    改了下头上的函数,发回给作者
    function addGlobalStyle(css) {
    var head, style;
    head = document.getElementsByTagName(‘head’)[0];
    if (!head) { return; }
    style = document.createElement(‘style’);
    style.type = ‘text/css’;
    style.innerHTML = css;
    head.appendChild(style);
    }

    PS:很喜欢这JS代码的带来的网站小图标功能,相当有用的功能。

    真当垃圾处理了啊,我只是在网址那栏写上我的blog地址,这可不友善

  53. 2009 年 8 月 3 日 下午 6:46

    更简洁更友好。

  54. eohfalm
    2009 年 8 月 3 日 下午 6:58

    better greader这个扩展可以定制的更多,也有好几种现成的主题模式。

  55. 2009 年 8 月 3 日 下午 8:27

    这个话题我写过。
    极尽能事增大浏览面积。
    当时推荐了几个脚本。

  56. 2009 年 8 月 3 日 下午 8:44

    Google Reader Minimalistic最省。基本上下都打通了。

  57. 2009 年 8 月 3 日 下午 9:28

    期望能有一个高效、清爽的RSS阅读器,GOOGLE READER我总是无法习惯。郁闷。

  58. 2009 年 8 月 3 日 下午 9:38

    高效就行了

  59. easer
    2009 年 8 月 3 日 下午 10:00

    这样改了之后侧边栏无法折叠了。

  60. 2009 年 8 月 3 日 下午 10:05

    换了笔记本之后,也是14寸的,看GReader的时候就恩F11全屏,也挺方便的,而且注意力更集中。

  61. 浅夜绯羽
    2009 年 8 月 4 日 上午 12:28

    这个脚本真不错~大爱~!

  62. 破小白
    2009 年 8 月 4 日 上午 12:45

    娃哈哈,我看到有AV字眼

  63. James
    2009 年 8 月 4 日 上午 1:37

    好像add a subscription 和 feed setting重叠了…

  64. 2009 年 8 月 4 日 上午 1:48

    很久以来我都是潜水看 ~ 支持可能吧一个 !

  65. 雅文
    2009 年 8 月 4 日 上午 9:01

    博主, 你怎么使用twitter的?

  66. cgy008
    2009 年 8 月 4 日 下午 1:28

    支持一下~~
    呵呵 不过我习惯现在这样子了。。。

  67. 2009 年 8 月 4 日 下午 1:41

    东测试,东西不错,经测试,左侧栏收起时,左上角的搜索框会盖住下面的内容。

    • 2009 年 8 月 4 日 下午 6:19

      确实,因为我个人从来不隐藏左侧栏,所以没有考虑到这一点。

      • 2009 年 8 月 4 日 下午 7:24

        我也不隐藏侧栏,只是偶尔试了试而已。呵呵。

        我办的Axure论坛,有空来看看。www.webppd.com

  68. faye
    2009 年 8 月 4 日 下午 3:27

    这个阅读面积影响不大,如果谁能开发一款类似Times Reader那样的阅读器就好了

  69. 阿摩司
    2009 年 8 月 4 日 下午 4:23

    这个脚本是不是在https中看的时候上面的是少了,但是下面出来一块平地,干看着不能种树,换到http中就没有了。

  70. 2009 年 8 月 4 日 下午 5:38

    可能吧卡带了??怎么在GR里面这两篇文章都输出了两遍?

发表评论

电子邮件地址不会被公开。 必填项已用*标注