将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

    有没有沙发啊？

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

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

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

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

        回复
        • Godfather
          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这两个数值自己调整一下就可以了

    • shuil
      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. Kimo
    2009 年 8 月 3 日 下午 12:54

    来晚了就连板凳都没了

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

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

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

    好东西，已下载

    回复
  5. G.S.Alex
    2009 年 8 月 3 日 下午 12:56

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

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

    IE8路过 -.-

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

    阿禅还订阅AV呃。。。

    回复
  8. lunlun
    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. alife
    2009 年 8 月 3 日 下午 1:18

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

    回复
  16. 纯粹
    2009 年 8 月 3 日 下午 1:19

    我也订阅了avno1，哈哈

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

    订阅真多。。

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

    感谢分享-o-

    回复
  19. 欣庭
    2009 年 8 月 3 日 下午 1:25

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

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

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

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

    好，等我有空也搞搞

    回复
  22. Gary
    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. 我@soho
    2009 年 8 月 3 日 下午 1:54

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

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

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

    回复
    • Jason Ng
      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….有点不方便啊，请问如何去掉这个功能？

    回复
    • Jason Ng
      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. Iron_Feet
    2009 年 8 月 3 日 下午 3:34

    Chrome 3 路过

    回复
  40. 华晨
    2009 年 8 月 3 日 下午 3:39

    哈，还不赶快重新截张图？

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

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

    回复
  42. Showfom
    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);
    }

    ＰＳ：很喜欢这ＪＳ代码的带来的网站小图标功能，相当有用的功能。

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

    回复
  53. 阿本
    2009 年 8 月 3 日 下午 6:46

    更简洁更友好。

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

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

    回复
  55. Simon Kong
    2009 年 8 月 3 日 下午 8:27

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

    回复
  56. Hayeky
    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. febird
    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. WinterLegend
    2009 年 8 月 4 日 上午 1:48

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

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

    博主， 你怎么使用twitter的？

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

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

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

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

    回复
    • Jason Ng
      2009 年 8 月 4 日 下午 6:19

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

      回复
      • yintop
        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里面这两篇文章都输出了两遍?

    回复

发表评论

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