阅读时间 2 分钟,快速阅读仅需 1 分钟。
我使用的是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部分)
我刚才在宽屏和普屏都测试了一下,基本没有显示错乱。
有没有沙发啊?
俺之前写过stylish:http://userstyles.org/styles/14058
界面控制CSS比JS来的要好
CSS确实比JS好
至少不会有一闪而过的原样式
用Chrome没办法改
折腾了一下,把界面控制写成了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;}
}
按 U 键,无法隐藏左树的区域。
这是因为调整了导航栏宽度
#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这两个数值自己调整一下就可以了
哇。很人性化。期待已久的功能。
用chrome的飘过。
ProteinPig的脚本在我机器上有点问题,原来是url用了中文输入法的双引号,改成英文的就可以了,不知道各位有没有这个问题?
呃……
确实,这个是我随手复制过来的,复制之后变成了中文全角符号。
大家自己修改一下就OK了。
再次检查了一下
发现原来的代码没问题,问题出在从浏览器复制出来之后的过程
是这个时候变成了全角,不是我打错了
来晚了就连板凳都没了
现在可以跟你的google reader一样干净了!
好东西,已下载
用了一下,确实好
呃,通常是直接看 所有未读 。
IE8路过 -.-
阿禅还订阅AV呃。。。
大哥看的真仔细~~
靠,这都被你发现了。
跟Paveo一样觉得GR太高太宽的人飘过~
强烈要求 阿禅 同学做个订阅推荐~
或者公开下阅读分享也行阿
不用分享别的 就把AV那个分享了就行啦 嘎嘎
http://avno1.com 找到!
这个我也订了,不过我放到娱乐里面了。
chrome路过,没份啊
的确很清爽!
没人用Opera,沾不了光咯
我也用Opera
Opera是可以用油猴脚本的~虽然得自己修改很多东西
opera 的飘~~~,opera的应该也可以用着。。。
我用opera,握手
呛个排名咯
我是来表扬滴,嘎嘎
嘻嘻~~
为了靠前排点,,先留言在看
用Opera的站点首选项实现此功能很简单,只要你会一点css知识。
我也订阅了avno1,哈哈
被发现了=_=
http://avno1.com
订阅真多。。
感谢分享-o-
谢谢jason的分享~~试用一下
和以前shawn的那个脚本差不多。
好,等我有空也搞搞
还好我用的是17的FullHD本子,那点面积还真不占地方……嘎嘎……
不过某个RSS订阅还是相当不错的……
google chrome 的扩展可以弄个类似的吗?可行吗?
漂亮!我的是宽屏,谢谢分享!
不过,这个要怎么用呀?
PS: SGG=死光光!
纯css解决的路过。在google reader optimized样式的基础上自己再调整了一下,应该比博主的还省点。
chrome用不上,阿禅自己订阅可能吧那么多次干嘛?
你能订阅同一博客输出源那么多次么?
话说我右边没有出现favicon图标…
因为favicon在左边。
用了Favicons for Google Reader 这个脚本,左边的favicon仍然出不来?
默认就挺好,对一些东西依赖多了,就不好了。
我的原则是,能默认就默认。
太大就不好了(如Chrome),倒不如去掉廣告更順眼
本文对本人好无意义
看到JASON里面有一个TAG是AV..邪恶啊邪恶~
大家好速度。。。。这回就有这么多留言了。。囧。。
这不是跟鲜果差不多了么
想问下左边的导航栏怎么调窄一点?
就看到一个260px 还有搜索栏的宽度
我调了200
可是那个chrome-lhn-toggle还是在那个地方
右侧的 #chrome 的padding-left也改成200px即可
对不起,我说错了,不是padding-left,是margin-left
多谢Jason
发现一个小小的问题…..
不知道是不是favicon图标的原因,如果订阅了一些被墙了的网站(youtube等),只要试图获取这些网站的favicon图标,就会导致短时间内无法访问google reader….有点不方便啊,请问如何去掉这个功能?
用https方式打开Google Reader即可。
奏效了,哈哈~
请问这是什么原理……
有一个小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无关的东西删掉就行了
里面有注释的
还要再添加一行
addGlobalStyle(‘#search-restrict {width:宽度1px;}’);
一般人会出现一条白色的细线
宽度1是搜索选择下拉列表的宽度
宽度2是搜索框的宽度
Chrome 3 路过
哈,还不赶快重新截张图?
我用mac for gr的那个主题,很酷
忘了截图,截图:http://i32.tinypic.com/mm7lhv.jpg
那个扩展better greader貌似也可以
如能能加一个列表和展开的按钮就好了,有时候时间不够,只想用列表看看标题来快速找到自己想看的内容。
请问一下,我想把正文字体改成14px,再把行距增大一点,侧边栏缩小为200px,应该添加什么代码?
我手动添加了addGlobalStyle(‘#chrome-header{padding:2px 11px}.entry-body{font-size:14px;line-height:1.8;margin-right:15px;word-spacing:3px}’);
把正文字体增大为14px,行距增加。
但侧边栏强制设置为200px后,顶部搜索条就会错误。暂时就用默认的260px了
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=宽度*/
谢啦弄好了~
我用遨游的,能这么整吗?
用世界之窗的有办法吗?
我是用的Chrome。
关于AV,Jason Ng曾经说过他订阅avno1。
这个JS真不错,界面清爽了不少
话说AVNO1应该很多人都订阅了的吧
chrome APP的效果才是最好的,浏览器本身占据太多空间了。
回复有没有成功没半点提示,这可做得不好,我的回复是被当成LS了还是得审核???
用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地址,这可不友善
更简洁更友好。
better greader这个扩展可以定制的更多,也有好几种现成的主题模式。
这个话题我写过。
极尽能事增大浏览面积。
当时推荐了几个脚本。
Google Reader Minimalistic最省。基本上下都打通了。
期望能有一个高效、清爽的RSS阅读器,GOOGLE READER我总是无法习惯。郁闷。
高效就行了
这样改了之后侧边栏无法折叠了。
换了笔记本之后,也是14寸的,看GReader的时候就恩F11全屏,也挺方便的,而且注意力更集中。
这个脚本真不错~大爱~!
娃哈哈,我看到有AV字眼
好像add a subscription 和 feed setting重叠了…
有截图不?
截图: http://ihome.ust.hk/~cs_syxab/html/image/error.jpg
原因是你的字体过大。
试了评论里的几个方法,都简化得太厉害了。还是可能吧这个好,也更美观
很久以来我都是潜水看 ~ 支持可能吧一个 !
博主, 你怎么使用twitter的?
在中国,这不是个应该问的问题。
支持一下~~
呵呵 不过我习惯现在这样子了。。。
东测试,东西不错,经测试,左侧栏收起时,左上角的搜索框会盖住下面的内容。
确实,因为我个人从来不隐藏左侧栏,所以没有考虑到这一点。
我也不隐藏侧栏,只是偶尔试了试而已。呵呵。
我办的Axure论坛,有空来看看。www.webppd.com
这个阅读面积影响不大,如果谁能开发一款类似Times Reader那样的阅读器就好了
这个脚本是不是在https中看的时候上面的是少了,但是下面出来一块平地,干看着不能种树,换到http中就没有了。
可能吧卡带了??怎么在GR里面这两篇文章都输出了两遍?