Google Reader 新界面整改脚本

一般我不太写"潮流"话题，但是 Google Reader 这次更新界面真的让我很恼火。我使用 GR 的很大原因是由于 OSX Style 脚本，后来原作者不再更新我便自己维护了一版。

一直认为 Google Reader 的原始界面不太适合阅读。作为阅读器的重度用户，原版界面的文章部分太窄，侧栏太宽，而 OSX Style Reader Theme 有效地调和了侧栏和主要栏目的冲突。现在 Google Reader 更新界面，同时也更改了大部分架构，继续维护 OSX Style 的代价太大，只能放弃。

不止我一个人看不顺眼 Google Reader 的新界面，Yacca 和 Sofish 同学在 Twitter 上也相继表达了不满。于是我花了半个小时调整了 GR 的界面并做成油猴(GreaseMonkey)脚本，提供给"讨厌 GR 新界面"的童鞋暂时过渡一下，等我发现了更漂亮的一定继续分享。

Google Reader UI Tweek

此脚本能够提供以下功能：

  • 侧边栏由 260px 收窄为 220px。
  • 去除不相关的 logo，移动搜索框至顶部，提升侧栏高度，去除上下条项目切换按钮。
  • 标题栏未读数字提前(英文界面有效)。
  • 自动获取 Feed icons。
  • 阅读界面最宽化。

脚本下载：user.js(直接安装)

哪位朋友有更漂亮且兼容 Google Reader 新版界面的脚本麻烦推荐一下，我是典型的"好色之徒"。

UPDATE

今天改来该去好多次，又快出现强迫症了。现在是一个大字版，见图。

large-font-GR

侧栏部分：继续收窄，到 200px，同时提升未读和已读条目的对比度，即便侧栏很窄也能一眼识别 Feed 有无更新。

文章部分：字体 14px，行距加大，更适合阅读；当前在读的文章边框恢复为蓝色。

还有一些小细节，忘了。

在线安装： .user.js

不想再改了，还有要求的话可以看 Sfufoet 童鞋和 Yacca 童鞋的版本。

Tag(s): , ,
  • QQ书签
  • Del.icio.us
  • 百度收藏
  • Google
  • 饭否
  • FriendFeed
Shawn Published@2:53 / 2008-12-06 / Trackback / Skip
58 Comments Contributed by Visitors
  1. rebuttonfisio / 3:06@2008-12-06 1
    fisio

    最后两条我一直分别用脚本实现，不过图标是直接获取对方的ico...

  2. rebuttonfisio / 3:07@2008-12-06 2
    fisio

    发布到userscripts 上去吧，然后保持维护 :grin:

  3. rebuttonShawn / 3:13@2008-12-06 3
    Shawn

    @fisio: 这个也是直接获取对方的 ICO，所以经常会出现抓不到的情况。我是从别人的脚本里直接拿出来的，后面两条都是。发 userscripts 继续维护就算了，我还等着勤奋的人把 osx style 兼容了呢。我今天看了一下，头都大了。。。

  4. rebuttonfisio / 3:37@2008-12-06 4
    fisio

    @Shawn: 用了下，非常好，还是不要用zip了吧，反正那么小。。。
    用 .user.js, 方便直接安装~

  5. rebuttonShawn / 3:41@2008-12-06 5
    Shawn

    @fisio: 呵呵，放上 user.js 了。

  6. rebuttoncch / 7:05@2008-12-06 6
    cch

    赞

  7. rebuttongeuro / 9:09@2008-12-06 7
    geuro

    下来试试，新界面怎么看怎么不顺眼。

  8. rebuttonsfufoet / 9:44@2008-12-06 8
    sfufoet

    借问 shawn 大大。“鼠标移至评论列表中的 @someone: 区域即可自动显示 someone 的评论内容。”这个你是用了啥插件？多谢。

  9. rebuttoniColor / 9:58@2008-12-06 9
    iColor

    为了这东西,我用了下 GR 但我不知道怎么安装 -_-!!! (我最喜欢的 汗 表情你没加上)
    突然发现 GR 的共享订阅不错,没事时可以去看看你们共享地...

  10. rebuttonGeedr.com / 10:04@2008-12-06 10
    Geedr.com

    提取favicon会不会影响GR的载入速度？

  11. rebutton大学生乱弹琴 / 10:16@2008-12-06 11
    大学生乱弹琴

    以前可以先ctrl+A，然后按住ctrl+鼠标左键，选定谋篇喜欢的文章即可拖放保存为txt，传到手机（非智能，上网蜗牛速）上课看，现在不可以了~55 :cry:

  12. rebuttonElton Disney / 10:17@2008-12-06 12
    Elton Disney

    一直都用Chrome的快捷方式看GR，也就将就着用了

  13. rebuttonfqch / 11:43@2008-12-06 13
    fqch

    用看看哈~

  14. rebuttonMY-Hou / 11:43@2008-12-06 14
    MY-Hou

    对新界面我就还算满意啦 :grin:

  15. rebuttonShawn / 11:46@2008-12-06 15
    Shawn

    @sfufoet: 是用的 jQuery :smile:

  16. rebuttonShawn / 11:47@2008-12-06 16
    Shawn

    @iColor: 需要 Firefox 和 GreaseMonkey 扩展才能用的。你肯定用 Safari 了吧？

  17. rebuttonShawn / 11:49@2008-12-06 17
    Shawn

    @Geedr.com: 不会影响，Favicon 在 Google Reader 主界面载入之后才开始加载。

  18. rebuttoniColor / 12:11@2008-12-06 18
    iColor

    @Shawn: 这个... 好吧,不用了.. 反正平时也不怎么用 GR ... -_-!!!

  19. rebuttonSivan / 12:46@2008-12-06 19
    Sivan

    :sad: 没啥感觉，还是继续忍着用。

  20. rebuttonYacca / 13:15@2008-12-06 20
    Yacca

    用上了,不过有2个建议...
    1.搜索右移至顶部中间,侧边栏整体可以上调22px.
    2.All items这一栏和下边的show:xxxnew items这一栏考虑合并...items space最大化.
    嘿嘿,我觉得这2点修正一下后,我基本上就不用去等其他脚本了^^

  21. rebutton浮黑 / 13:18@2008-12-06 21
    浮黑

    文章随时都最大化，宽屏看起来有些吃力……

  22. rebuttonkouz / 14:03@2008-12-06 22
    kouz

    用上了，不错。不过我把侧边栏宽度改成了200，把颜色改成了旧版的浅蓝色。这样自己看起来舒服点

  23. rebuttonKusanagi / 14:10@2008-12-06 23
    Kusanagi

    我用的 http://userstyles.org/styles/12673 样式，适当整改了下，还不错. :???:

  24. rebuttonShawn / 14:16@2008-12-06 24
    Shawn

    @Yacca: 弄好了。定制版。。。
    @浮黑: 我不是宽屏，所以特别注意横向空间。
    @kouz: 哈哈，适合自己就好，GR新界面改的真烦。
    @Kusanagi: 谢谢，挺不错的，就是还没有最大化视野，我要继续等待更漂亮的出现。。。

  25. rebuttonBoBoSkY / 14:23@2008-12-06 25
    BoBoSkY

    下完了正在用。 :grin:

  26. rebuttonYacca / 14:34@2008-12-06 26
    Yacca

    @Shawn: 下载了试了下,还差一个地方^^'
    用你的图来说明吧,"煎蛋"两个字的下方的一排按钮能不能转移到"煎蛋"右侧? 我是宽屏...绝对放的下^^

  27. rebuttonzylew / 14:57@2008-12-06 27
    zylew

    我对这次改版没有意见，感觉还不错，呵呵

  28. rebuttonwelee / 15:07@2008-12-06 28
    welee

    很棒的脚本，虽然 gr 的新介面我还能接受，不过在用了 Shawn 的脚本让我在阅读上更方便，整体看了也比较舒服。

  29. rebutton老所 / 16:04@2008-12-06 29
    老所

    你不是潮人，但你是完美主义者~

  30. rebutton雪深 / 16:32@2008-12-06 30
    雪深

    很多人高兴 很多人ku

  31. rebuttonYacca / 16:34@2008-12-06 31
    Yacca

    已经搞定 万分感谢shawn手把手指导 哈哈

  32. rebutton小墨 / 16:44@2008-12-06 32
    小墨

    我感觉默认的挺好~额~
    @@

  33. rebuttonJoBru / 17:15@2008-12-06 33
    JoBru

    确实挺好的，这个“好色”看你对猫的态度就知道了～ :evil:

  34. rebutton浮黑 / 17:59@2008-12-06 34
    浮黑

    @Shawn: Shawn，能不能改一个正文仅加宽一点，但不全屏，并把正文字号加大一点的版本呢？
    这样比较适合高分辨率的宽屏显示器 ^_^

  35. rebuttonJoBru / 18:03@2008-12-06 35
    JoBru

    是我眼花了，还是你换了图片～（－ －！）

  36. rebuttonleehow / 18:35@2008-12-06 36
    leehow

    小猴子复活，还以为你放弃了，昨天气死你了吧。背景颜色可以改变吗？好刺眼。

  37. rebuttonShawn / 21:23@2008-12-06 37
    Shawn

    @BoBoSkY: 哈哈，早上就看见你说了。

    @welee: 喜欢就好：）

    @老所: 有点，主要我不能忍受一个常用工具从好用变得不好用。

    @浮黑: 好了，点击 这里 下载。宽度为原本的 80%，字体14px

    @JoBru: 我换图片了，这是最新最新版本。

  38. rebuttonYacca / 0:52@2008-12-07 38
    Yacca

    果然是强迫症了,这么晚还在改-.-

  39. rebuttonShawn / 1:04@2008-12-07 39
    Shawn

    @Yacca: 用着用着不爽就又开始改了。。不改了，等华丽的版本出现。

  40. rebuttonBoBoSkY / 1:27@2008-12-07 40
    BoBoSkY

    又改啦？

  41. rebuttonShawn / 1:29@2008-12-07 41
    Shawn

    @BoBoSkY: 嗯，一个是大字版，一个是小字版。还有一个给 @浮黑: 的版本

  42. rebuttonBoBoSkY / 1:54@2008-12-07 42
    BoBoSkY

    @Shawn: 这么多定制版啊 O(∩_∩)O哈哈~

  43. rebutton浮黑 / 7:58@2008-12-07 43
    浮黑

    @Shawn: 啊啊啊，真是太感谢了！
    现在用GR实在舒服，谢谢谢！
    :grin:

  44. rebuttonsfufoet / 9:28@2008-12-07 44
    sfufoet

    抗议，我的 ID 是不带斜杠的。。。

  45. rebuttonneekey / 14:40@2008-12-07 45
    neekey

    晕死，看半天还没看懂怎么装呀 ..求助

  46. rebuttonShawn / 14:42@2008-12-07 46
    Shawn

    @neekey: 先装 GreaseMonkey 扩展，然后再来点击那个在线安装的地址。

  47. rebuttoni.robot / 19:51@2008-12-07 47
    i.robot

    习惯默认的了, 新界面侧栏项目最小化已经很满足我的需求了 :grin:

  48. rebuttonsfufoet / 9:29@2008-12-08 48
    sfufoet

    shawn 童鞋，我再抗议一遍，我的 ID 是不带斜杠的。请修改。

  49. rebutton火星基地 / 9:31@2008-12-08 49
    火星基地

    刚换那两天确实不怎么习惯新的颜色和布局, 好在我懒...呵呵, 最后还是适应了.

  50. rebuttonaunsen / 11:35@2008-12-08 50
    aunsen

    刚从呀擦那里看到，这是这个要怎么用呢？俺一直用默认的界面 :cry: 哦？表情换了？ :mad: :mad:

  51. rebuttonShawn / 14:31@2008-12-08 51
    Shawn

    @sfufoet: 好，我改，这么写比较容易记住嘛。

  52. rebuttonShawn / 14:31@2008-12-08 52
    Shawn

    @aunsen: 恩，换表情了。。。先装 Greasemonkey，然后过来点 .user.js 就可以用了。

  53. rebuttonbisu / 22:43@2008-12-10 53
    bisu

    第二个版本，能不能只有侧边订阅列表抓取favicon，而正文的列表不要抓取favicon啊，单独一个星标比较明了。

  54. rebuttonShawn / 22:54@2008-12-10 54
    Shawn

    @bisu: 最简单的方法是在编辑脚本，找到.entry .entry-source-title{font-size:12px}在它后面添加一句.entry-favicon{display:none}，就可以了。

  55. rebuttoncdds / 22:54@2008-12-10 55
    cdds

    我在煎蛋点过来的，我倒觉着GR的改版很值得称赞。
    以前一直用OSX style，后来发现OSX有BUG，就转而使用GR的默认主题了。
    为了尽可能的扩大阅读区域，每次读文章的时候我都先隐藏侧栏。
    你的这个脚本很不错，不过我对自动获取ICON不太感冒，那样显得太乱了。。

  56. rebuttonShawn / 22:58@2008-12-10 56
    Shawn

    @cdds: OSX style 我之前在维护，一直都没有 bug。。。。不过现在彻底不能用了。如果你不想要 icon，可以删掉 "const ALL_FEED_ICON_XPATH" 这一句开始之后的所有内容。

  57. rebuttoncdds / 23:03@2008-12-10 57
    cdds

    @shawn 呵呵，那也许是我FF或者是脚本冲突，我用OSX之后意外发现GR的共享设置不能编辑。谢谢，我去看看脚本。 :smile:

  58. rebuttonbisu / 23:05@2008-12-10 58
    bisu

    @Shawn: 。。找不到你说的这句。。。第二个版本

  59. rebuttonShawn / 23:09@2008-12-10 59
    Shawn

    @bisu: 第二个版本的话
    .entry-author{margin-top:10px}这句之后紧贴.entry-favicon{display:none}
    也就是改成：.entry-author{margin-top:10px}.entry-favicon{display:none}

  60. rebuttonbisu / 23:24@2008-12-10 60
    bisu

    @Shawn: OK。成功了。非常谢谢啊！
    PS：发现问题出在哪里了：稍稍改动后，原有脚本其他地方的语句也会变动，所以我一直没有找到author语句。后来重新找到你第二版脚本源代码，才看到有author语句的地方，赶紧添加后面的，然后全选复制。然后卸载脚本重新安装，重新把刚才全选复制的粘贴。搞定。

  61. rebuttonHumphrey / 2:27@2008-12-11 61
    Humphrey

    用了这个大字版的脚本，不错，开起来确实爽多了，感谢哈！哈哈哈 :grin:

  62. rebuttonye_dj / 14:05@2008-12-11 62
    ye_dj

    :smile: Firefox默认的字体是？很漂亮。如果是不常用的字体，能否发一份给我？谢谢，非常感谢。

  63. rebuttonShawn / 15:50@2008-12-11 63
    Shawn

    @ye_dj: 是微软雅黑+"GDI++"渲染

  64. rebuttonye_dj / 17:12@2008-12-11 64
    ye_dj

    @Shawn: 啊？不会玩！有没有兴趣发个教程之类的帮帮忙？或者发个配置文件啥的，再次谢啦。 :grin:

  65. rebutton安德罗妮 / 13:57@2008-12-12 65
    安德罗妮

    右侧每个标题前面的图标怎么去掉呢？左侧的留图标我很喜欢，呵呵。这样有利于识别。

  66. rebutton安德罗妮 / 17:33@2008-12-12 66
    安德罗妮

    @安德罗妮: 找到了，原来上面已经有人问过了

  67. rebuttonShawn / 17:36@2008-12-12 67
    Shawn

    @安德罗妮: 不好意思，忘记回复你了，上面的确有人提到过这个问题。

  68. rebuttonnasofe / 21:03@2008-12-12 68
    nasofe

    可不可以弄一个向像 BetterGreader 那样的按快捷键隐藏上面那一大堆内容呢,这样就可以最大程度的显示文章正文.

  69. rebuttonShawn / 22:04@2008-12-12 69
    Shawn

    @nasofe: GR 不是自带了一个 U 吗？

  70. rebuttonnasofe / 22:35@2008-12-13 70
    nasofe

    @Shawn
    Google Reader Minimalistic 可以按 w 键隐藏元素.

  71. rebuttonlegion / 23:25@2009-01-28 71
    legion

    现在按“++++”，只有项目标题增大了。记得前两天正文还跟着一起增大呢，请问Shawn注意到这个问题了么？要改哪里？

  72. rebuttonlegion / 23:30@2009-01-28 72
    legion

    不好意思，那个大字版，看了一眼就更新，没注意到是固定了字体的。换回开始那个版本了

  73. rebuttonShawn / 14:00@2009-01-29 73
    Shawn

    @legion: 呵呵，大字版我固定了字体。

  74. rebutton安德罗妮 / 18:59@2009-01-31 74
    安德罗妮

    弱弱的问下，侧边栏是不是不能获取网站ICO了？

  75. rebuttonlegion / 11:14@2009-02-02 75
    legion

    @安德罗妮: 我这也看不到图标，GR又把自己给改了。还有就是没展开的项描述文字下部缺了几个像素。。

  76. rebuttonSimon Kong / 13:58@2009-03-21 76
    Simon Kong

    又从您这里得到了有用的东西，真诚感谢了。 :smile:

  77. rebuttonSimon Kong / 17:40@2009-03-21 77
    Simon Kong

    我把您的这篇文章放到我的文章里了。
    http://blog.kongsays.cn/2009/03/greasemonkey/

Leave Comments Here...

必填

必填&保密

随您

支持Ctrl+Enter快捷提交

  • 已部署"白忙活" Anti-Spam 系统，猪肉 Spammer 请注意查看源代码链接处。
  • 本站不会泄露您的邮件地址，敬请放心。
  • 支持常用 HTML 代码调用，插入 PHP 代码需注意：< = &lt;，> = &gt; 。
  • 仅当某人针对您的评论做出回应时，您才会收到由本站发出的通知信件。
  • 如您希望以相同方式通知某位网友，请点击 Reply 按钮，或自行输入 @对方名字:。
  • 鼠标移至评论列表中的 @someone: 区域即可自动显示 someone 的评论内容。
9 Trackbacks/Pingbacks
  • blogring.org (Trackback, 2009-01-17)
    Blogring for 脚本大师... Blogring for 脚本大师...
  • Google Reader UI Tweek - 简洁版的 GR CSS 来啦！ | sfufoet's blog (Pingback, 2008-12-06)
    [...] - 简洁版的 GR CSS 来啦！ December 6th, 2008 at 12:36 pm 效果图： 修改自 Shawn 的 Google Reader 新界面整改脚本，Shawn [...]
  • [GM脚本]让新Google Reader回归简洁 | Movie Castle (Pingback, 2008-12-06)
    [...] 　　有兴趣的同志请前往{这里}阅读该脚本功能或者安装. [...]
  • Google Reader界面整改,小变化,大不同 - Kusanagi Studio (Pingback, 2008-12-08)
    [...] 基于GreaseMonkey脚本的整改可以在SHAWN'S BLOG找到.总之精简后,使用起来完全舒畅的多了,哈哈. [...]
  • 不完全抛弃IE 7.0 at 燈火闌珊 (Pingback, 2008-12-15)
    [...] # 很多人都在埋怨改版后的GR奇丑无比，我倒觉得挺不错的。昨晚从煎蛋看到shawn发布的GR脚本，试用了一下觉得很不错，今早发现那篇文章更新了，大字版的更赞，阅读很舒服。看到oioi说他是活住在GMAIL邮箱里的男人，我发现我现在基本上全指着GMAIL和GR活着了，最多再加俩音乐网站。。。 [...]
  • Google Reader界面整改,小变化,大不同 - Kusanagi Studio (Pingback, 2008-12-28)
    [...] 基于GreaseMonkey脚本的整改可以在SHAWN'S BLOG找到.总之精简后,使用起来完全舒畅的多了,哈哈. Category: Skill « 使用中的firefox扩展 You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site. Click here to cancel reply. [...]
  • Firefox的优秀Greasemonkey脚本（Google篇） | 子曰： (Pingback, 2009-05-03)
    [...] Google Reader UI Tweek.是我搜集的能够精简Reader显示的最完美的版本。而且增大了行间距，更加适应宽屏等多种功能。 下载地址：http://ishawn.net/tips/compatible-script-for-new-google-reader.html [...]
  • » 不完全抛弃IE 7.0 燈火闌珊 (Pingback, 2009-05-11)
    [...] # 很多人都在埋怨改版后的GR奇丑无比，我倒觉得挺不错的。昨晚从煎蛋看到shawn发布的GR脚本，试用了一下觉得很不错，今早发现那篇文章更新了，大字版的更赞，阅读很舒服。看到oioi说他是活住在GMAIL邮箱里的男人，我发现我现在基本上全指着GMAIL和GR活着了，最多再加俩音乐网站。。。 [...]
  • Rengised2 - My Installed Script of Greasemonkey (Pingback, 2009-07-07)
    [...] 讓 Wikipedia 上的搜尋欄位更好看。 funP no iframe 拔掉 funP 在外連網頁的框架。 Google Reader UI Tweek 來自中國的 Shawn 所撰寫的，可以將 Google Reader [...]

Shawn Blog

Shawn的个人博客(Blog)，分享Wordpress技巧和Firefox浏览器心得，关注Web 2.0应用发展，记录对虚拟主机的使用评价。