首页 » 推介 » 将Google Reader的阅读面积最大化
将Google Reader的阅读面积最大化
Jason Ng
2009-08-03 – 12:49 pm

我使用的是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部分）

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

标签：

除非注明，本博客文章均为原创，转载请以链接形式标明本文地址
本文地址：http://www.kenengba.com/post/1492.html
本文短网址：http://knb.im/5e

  • 134条评论

    1. 唐唐 发表于 2009-08-03,12:53 pm
      No.1

      有没有沙发啊？

      [回复]
      • ytzong 发表于 2009-08-03,4:24 pm
        No.1.1

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

        [回复]
        • ProteinPig 发表于 2009-08-03,4:43 pm
          No.1.1.1

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

          [回复]
          • Godfather 发表于 2009-08-03,5:19 pm
            No.1.1.1.1

            用Chrome没办法改

            [回复]
          • ProteinPig 发表于 2009-08-03,7:40 pm
            No.1.1.1.2

            折腾了一下，把界面控制写成了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-08-05,11:31 pm
              No.1.1.1.2.1

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

            • ProteinPig 发表于 2009-08-06,12:27 am
              No.

              这是因为调整了导航栏宽度
              #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-08-03,5:04 pm
        No.1.2

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

        [回复]
      • 唐唐 发表于 2009-08-03,7:01 pm
        No.1.3

        用chrome的飘过。

        [回复]
      • easer 发表于 2009-08-03,9:00 pm
        No.1.4

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

        [回复]
        • ProteinPig 发表于 2009-08-03,10:28 pm
          No.1.4.1

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

          [回复]
        • ProteinPig 发表于 2009-08-03,10:38 pm
          No.1.4.2

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

          [回复]
    2. Kimo 发表于 2009-08-03,12:54 pm
      No.2

      来晚了就连板凳都没了

      [回复]
    3. Vincent 发表于 2009-08-03,12:55 pm
      No.3

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

      [回复]
    4. Wheat0r 发表于 2009-08-03,12:56 pm
      No.4

      好东西，已下载

      [回复]
    5. G.S.Alex 发表于 2009-08-03,12:56 pm
      No.5

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

      [回复]
    6. 没可能吧 发表于 2009-08-03,12:57 pm
      No.6

      IE8路过 -.-

      [回复]
    7. Dylen 发表于 2009-08-03,12:58 pm
      No.7

      阿禅还订阅AV呃。。。

      支持(51)反对 (0)
      [回复]
    8. lunlun 发表于 2009-08-03,1:07 pm
      No.8

      chrome路过，没份啊

      [回复]
    9. 天涯飞鸟 发表于 2009-08-03,1:09 pm
      No.9

      的确很清爽！

      [回复]
    10. Half-Asleep 发表于 2009-08-03,1:12 pm
      No.10

      没人用Opera，沾不了光咯

      [回复]
    11. ks 发表于 2009-08-03,1:12 pm
      No.11

      呛个排名咯

      [回复]
    12. AWu 发表于 2009-08-03,1:13 pm
      No.12

      我是来表扬滴,嘎嘎

      [回复]
    13. Liya 发表于 2009-08-03,1:16 pm
      No.13

      嘻嘻～～

      [回复]
    14. zyboy3707 发表于 2009-08-03,1:18 pm
      No.14

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

      [回复]
    15. alife 发表于 2009-08-03,1:18 pm
      No.15

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

      [回复]
    16. 纯粹 发表于 2009-08-03,1:19 pm
      No.16

      我也订阅了avno1，哈哈

      [回复]
    17. Leigh 发表于 2009-08-03,1:20 pm
      No.17

      订阅真多。。

      [回复]
    18. C++++ 发表于 2009-08-03,1:20 pm
      No.18

      感谢分享-o-

      [回复]
    19. 欣庭 发表于 2009-08-03,1:25 pm
      No.19

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

      [回复]
    20. BoBoSkY 发表于 2009-08-03,1:31 pm
      No.20

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

      [回复]
    21. Sonny 发表于 2009-08-03,1:41 pm
      No.21

      好，等我有空也搞搞

      [回复]
    22. Gary 发表于 2009-08-03,1:48 pm
      No.22

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

      [回复]
    23. 应越 发表于 2009-08-03,1:51 pm
      No.23

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

      [回复]
    24. TGSGG 发表于 2009-08-03,1:52 pm
      No.24

      漂亮！我的是宽屏，谢谢分享！
      不过，这个要怎么用呀？

      [回复]
    25. Izual_Yang 发表于 2009-08-03,1:53 pm
      No.25

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

      [回复]
    26. 我@soho 发表于 2009-08-03,1:54 pm
      No.26

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

      [回复]
    27. bwskyer 发表于 2009-08-03,1:55 pm
      No.27

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

      [回复]
    28. darasion 发表于 2009-08-03,1:55 pm
      No.28

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

      [回复]
    29. Lan 发表于 2009-08-03,2:00 pm
      No.29

      太大就不好了（如Chrome），倒不如去掉廣告更順眼

      [回复]
    30. 前行网 发表于 2009-08-03,2:06 pm
      No.30

      本文对本人好无意义

      [回复]
    31. aclan 发表于 2009-08-03,2:08 pm
      No.31

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

      [回复]
    32. 帝林 发表于 2009-08-03,2:11 pm
      No.32

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

      [回复]
    33. 影月孤风 发表于 2009-08-03,2:28 pm
      No.33

      这不是跟鲜果差不多了么

      [回复]
    34. ProteinPig 发表于 2009-08-03,2:33 pm
      No.34

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

      [回复]
    35. Jaesor 发表于 2009-08-03,2:37 pm
      No.35

      多谢Jason

      [回复]
    36. littlejia 发表于 2009-08-03,2:56 pm
      No.36

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

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

      [回复]
    37. ProteinPig 发表于 2009-08-03,3:18 pm
      No.37

      有一个小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-08-03,3:26 pm
      No.38

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

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

      [回复]
    39. Iron_Feet 发表于 2009-08-03,3:34 pm
      No.39

      Chrome 3 路过

      [回复]
    40. 华晨 发表于 2009-08-03,3:39 pm
      No.40

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

      [回复]
    41. Showfom 发表于 2009-08-03,3:47 pm
      No.41

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

      [回复]
    42. Showfom 发表于 2009-08-03,3:49 pm
      No.42

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

      [回复]
    43. 黑洞阿黑 发表于 2009-08-03,3:50 pm
      No.43

      那个扩展better greader貌似也可以

      [回复]
    44. 送给大家看（水元素） 发表于 2009-08-03,3:55 pm
      No.44

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

      [回复]
    45. 不执着 发表于 2009-08-03,4:11 pm
      No.45

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

      [回复]
      • 不执着 发表于 2009-08-03,4:29 pm
        No.45.1

        我手动添加了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-08-03,4:36 pm
          No.45.1.1

          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-08-03,4:14 pm
      No.46

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

      [回复]
    47. TW 发表于 2009-08-03,4:26 pm
      No.47

      用世界之窗的有办法吗？

      [回复]
    48. 陈佳华人至上 发表于 2009-08-03,4:30 pm
      No.48

      我是用的Chrome。

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

      [回复]
    49. pizzzzz 发表于 2009-08-03,4:41 pm
      No.49

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

      [回复]
    50. lhb5883 发表于 2009-08-03,5:11 pm
      No.50

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

      [回复]
    51. Asins 发表于 2009-08-03,5:38 pm
      No.51

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

      [回复]
    52. Asins 发表于 2009-08-03,5:39 pm
      No.52

      用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-08-03,6:46 pm
      No.53

      更简洁更友好。

      [回复]
    54. eohfalm 发表于 2009-08-03,6:58 pm
      No.54

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

      [回复]
    55. Simon Kong 发表于 2009-08-03,8:27 pm
      No.55

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

      [回复]
    56. Hayeky 发表于 2009-08-03,8:44 pm
      No.56

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

      [回复]
    57. 电气 发表于 2009-08-03,9:28 pm
      No.57

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

      [回复]
    58. 仁心博客 发表于 2009-08-03,9:38 pm
      No.58

      高效就行了

      [回复]
    59. easer 发表于 2009-08-03,10:00 pm
      No.59

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

      [回复]
    60. febird 发表于 2009-08-03,10:05 pm
      No.60

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

      [回复]
    61. 浅夜绯羽 发表于 2009-08-04,12:28 am
      No.61

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

      [回复]
    62. 破小白 发表于 2009-08-04,12:45 am
      No.62

      娃哈哈，我看到有AV字眼

      [回复]
    63. James 发表于 2009-08-04,1:37 am
      No.63

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

      [回复]
    64. WinterLegend 发表于 2009-08-04,1:48 am
      No.64

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

      [回复]
    65. 雅文 发表于 2009-08-04,9:01 am
      No.65

      博主， 你怎么使用twitter的？

      [回复]
    66. cgy008 发表于 2009-08-04,1:28 pm
      No.66

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

      [回复]
    67. yintop 发表于 2009-08-04,1:41 pm
      No.67

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

      [回复]
    68. faye 发表于 2009-08-04,3:27 pm
      No.68

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

      [回复]
    69. 阿摩司 发表于 2009-08-04,4:23 pm
      No.69

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

      [回复]
    70. 叶虫 发表于 2009-08-04,5:38 pm
      No.70

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

      [回复]
    评论分页： 1 2 >>

    1. 引用：

    2. Aug 14, 2009: 轩邈阁 WDragon » [转]将Google Reader的阅读面积最大化
    3. Nov 13, 2009: google化和個人化 | 閩越國
    4. Feb 10, 2010: links for 2010-02-09 : Not Even Wrong
    5. Sep 2, 2010: 将Google Reader的阅读面积最大化 | KilledMan
    6. May 9, 2011: 玩转Google Reader | 时间矢のBlog

    发表评论

    你的Email永远不会被公开 加*为必填项

    *