作者mayuyu (‵・ω・′)
看板Browsers
标题Re: [-Fx-] FireFox 29 释出 网址列, 分页列, 书签列上下位置
时间Thu May 1 15:43:24 2014
: 推 dfudfut5:请问楼上 网址列 那个*MB是怎用的 还有古哥翻译那个小图
地址栏里面的 *MB 数字是火狐目前的记忆体使用量，
谷歌翻译的小图示是...一个简单的谷歌翻译xD
这个翻译有一个好处是可以在firefox的任何页面下使用，
包括BBSFox的页面，所以在ptt上也可以选词翻译，
我拿来弥补 Google Translator Tooltip Expanded 的不足。
https://userscripts.org/scripts/show/150664
这二个都是uc脚本，需要先装uc扩展
http://userchromejs.mozdev.org/
然後下载userChrome.js放到firefox的profile/chrome资料夹下
https://github.com/alice0775/userChrome.js/tree/master
我把这二个脚本和uc管理器和强化的附加元件管理员打包好放在
http://www.mediafire.com/download/u5nvoe68pm6dpj4/
里面我多放了一个我觉得很有用的功能，可以加快火狐网址列的搜寻速度。
在网址列输入单一字串搜寻时，火狐会先去找有没有这个网址存在，
找不到才当成字串来搜寻，这样使得火狐在网址列搜寻的速度比chrome慢恨多，
这个多放的脚本可以加快火狐在网址列搜寻单一字串的速度。
下载後解压缩把所有档案放到chrome资料夹下，重新启动firefox。
记忆体使用量的脚本安装後地址栏的数字後面会多一条status panel
的分割竖线或底线，请看我贴的图里面有这条线，
可能有人会觉得这条线不好看，可以用css去掉
#MemoryDisplay {
-moz-appearance: none !important;
background-color: transparent !important;
border: none !important;
}
我因为没有觉得不好看，所以只用padding和margin调整这条线的位置。
: 推 gejaa:请教mayuyu大用什麽方法把书签工具列移到左侧的? 谢谢~
工具列可以选择放左边或放右边，也可以自动隐藏。
安装这个扩展 Vertical Toolbar
https://addons.mozilla.org/zh-tw/firefox/addon/vertical-toolbar/
在自订里把书签工具列拖上去。
上面也可以放扩展的工具按钮。
也可以直接把分页标签拖上去，就会变成书签。
设定工具列不显示说明文字只显示图示的时候，
会造成书签资料夹或没有图示(favicon)的书签每个看起来都一样，
会分不清楚里面的内容是什麽，可以用css自订喜欢的图示
>>
http://notepad.cc/share/BoOQGsjyRq <<
将图示(PNG/ICO)转为BASE64码
http://www.askapache.com/online-tools/base64-image-converter/
: 推 xvid:我想要重新整理按钮阿 网址列尾端的太小粒
重新整理的操作可以试试看滑鼠手势，在原地右键↑↓上下就可以重整，
不用移到地址栏，习惯的话可能会更方便。
分页很多的时候如果有装分页管理，会有一个分页列表的按钮，
是下拉式清单直接用点选的，不用移到分页标签上慢慢一页一页滚动，
在多个分页的跳转切换上速度会快很多。
分页列表也可以用滑鼠手势开启，我是设为右键↓←下左打开，
在原地就可以开启分页列表的选单，可以直接跳到选定的那一页，
使用上跟多行分页的便利性大概差不多，好处是可以节省一点垂直的空间。
在桌机上我习惯用小图示，可以节省版面空间，显示更多网页内容。
小图示其实不会不好按，因为我的桌面有放大150%，
firefox从某版之後浏览器的UI会随系统设定放大，
所以我用大图示介面看起来会太大，小图示刚刚好。
http://i.imgur.com/RbQdxHD.png
这个设定可以在about:config底下调整
layout.css.devPixelsPerPx
预设-1.0 是随系统放大，可以自行调整为1.0 就是维持100%，1.5 就是150%
所以可能有人会觉得很奇怪小图示不是非常非常小吗，
看起来非常吃力，根本不实用，怎麽会想用小图示。
其实是有原因的w
我们也可以自行调整这个数值，让图示的大小比例刚刚好，
方便点击按钮又不会占用太多空间。
※重点※
我想因为每个人使用的习惯不同，操作的环境也不同，
所以会有很多种不同的需求，不过火狐的优点就是自订性非常强，
只要下功夫去调整，一定可以调整到自己满意的结果。
可是大部分人没有太多时间自己写样式修改介面怎麽办呢？
可以安装上面提到的Classic Theme Restorer扩展，
https://addons.mozilla.org/ja/firefox/addon/classicthemerestorer/versions/
(注意要安装最新的v1.1.9 beta版才能有和旧版一模一样的小图示介面)
扩展很小只有2百多KB，不会占用太多资源，
装完就可以找回和28版几乎一模一样的旧介面，包括附加元件列也可以回来喔。
这个扩展也可以弹性调整保留部分新介面的样式，
例如想要旧版的小图示加新版的弧形分页标签，
可以新旧合并，弹性选择，保留自己喜欢的部分。
Classic Theme Restorer选项里还有一个功能是把小星星放回地址栏里面，
这样书签和小星星就会分开，如果想要找回旧版的书签选单可以装这个
https://addons.mozilla.org/zh-TW/firefox/addon/classicbookmarksbutton/
※使用效果※
我原本用的firefox 28介面
http://i.imgur.com/uFE5VH6.png
加上CTR之後的firefox 29介面
http://i.imgur.com/qKL6aO0.png
有需要使用旧版方形标签页或者小图示功能的人，装CTR就对了！
--
※ 发信站: 批踢踢实业坊(ptt.cc), 来自: 61.219.36.206
※ 文章网址: http://webptt.com/cn.aspx?n=bbs/Browsers/M.1398930212.A.4F2.html
1F：推 dfudfut5:相当专业 05/01 16:18
2F：→ ji394xu3:比较起来我反而喜欢29版的介面了 05/01 16:25
3F：推 rick:不得不推一个! 05/01 16:25
4F：→ ji394xu3:而且我几乎都没变更到29版的预设介面 太神奇 这次 ... 05/01 16:26
6F：→ rick:多出来的空白要怎样消除 ˊˋ 05/01 16:32
7F：→ ji394xu3:没有上面的空白问题...@@ 05/01 16:56
8F：→ rick:本来以为是userChrome.css的关系 不过弄掉还是一样有空白 05/01 17:08
9F：→ mayuyu:空白试试看#TabsToolbar{margin-top: -1px !important;} 05/01 17:16
10F：→ rick:@mayuyu 试了 不行! Orz 05/01 17:36
11F：→ andrew43:根本就是打造成旧opera啊！太强了 05/01 18:31
12F：推 tttp:太神了 05/01 20:41
13F：→ tttp:m大请问一下 目前的翻译扩展 有可以游标移过去 就翻译的吗? 05/01 20:42
14F：→ tttp:不用先反白字 或是要加按ctrl键 的.... 05/01 20:43
15F：推 eastwing:我同rick一样，正在研究如何消除上方空白orz 05/01 21:54
16F：→ eastwing:该不会是Win7才会如此？ 05/01 21:55
17F：推 eastwing:找到消除上方空白的方式,请见上方我的文章下方补充 05/01 23:02
18F：→ mayuyu:不知道你们说的空白是什麽情况 我看图看不出来@@ 05/01 23:33
19F：→ mayuyu:再试试看这个 05/01 23:34
20F：→ mayuyu:#tabbrowser-tabs{margin-top: -1px !important;} 05/01 23:34
21F：→ mayuyu:数字先调大一点会比较明显看有没有效果 05/01 23:34
22F：→ mayuyu:@tttp大 我找到的都是要先选词才可以翻译的@@ 05/01 23:34
23F：推 rick:@eastwing thank you ^^y 05/01 23:51
24F：推 eastwing:感谢mayuyu大，我们空白问题解决罗，是Win7的设定问题 05/02 00:53
25F：推 qazsxdr32:想请问您使用的字型是哪一种呢? 05/02 01:02
@qazsxdr32 明兰体 详细说明和安装请看
#1JHUBSX_ (Browsers)
这篇里面的推文
27F：推 gohome0083:这篇太专业了 真应该要M起来 05/02 03:19
28F：推 xvid:推 可能是装了CRT的关系 自定介面可以手动加回重新载入按钮 05/02 05:13
29F：推 xbox037:请问怎麽去掉ABP,stylish图示旁边的向下箭头呢 05/02 09:55
/* 隐藏工具列的下拉三角箭头 */
toolbarbutton > dropmarker {
display: none !important;
}
我习惯把复原「已关闭分页列表」的下拉三角箭头单独留着，不要去掉
/* 显示「已关闭分页列表」的下拉三角箭头 */
#btn_undoclose dropmarker {
display: block !important;
}
如果有装油猴，下拉三角隐藏後选单没办法开，
所以把选单改到按左键开启，在userChrome.js加上
document.getElementById('greasemonkey-tbb').setAttribute('type','menu');
如果装的是User Agent Overrider这种扩展，
它的按钮左键是启用或停用扩展的功能，下拉箭头是选单，
选单内没有另外启用或停用的选项，只有左键才有这个功能，
所以如果把下拉选单改到左键来取代原本的关开，
会变成无法直接以左键点击来选择启用或停用扩展，
所以比较好的方法是把下拉选单改到右键来开启，
参考这个加到userChrome.js，或者有装uc扩展就直接用
http://www.mediafire.com/download/jojcbby1hydyssu/
还有29版隐藏箭头後还是会保留空白，
所以要用CSS调整
#abp-toolbarbutton > image,
#stylish-toolbar-button > image,
#greasemonkey-tbb > image {
padding-right: 0 !important;
padding-left: 0 !important;
}
还有上面我忘了说，图示放到地址栏可能会造成地址栏被图示撑大，
例如rebuild_userChrome.uc.xul的uc管理器图示，
也需要自行修改和调整padding和margin来控制间距和图示的大小。
※ 编辑: mayuyu (61.219.36.191), 05/02/2014 13:02:15
30F：推 sate5232:有办法让某图示只显示下拉式箭头吗? 05/02 17:06
#stylish-toolbar-button > dropmarker {
display: block !important;
padding-right: 2px;
padding-left: 2px;
}
#stylish-toolbar-button > image {
display: none !important;
}
大小可能再自己调整看看
31F：推 sate5232:还有 对某套件该下怎麽样CSS要怎麽知道呢? 05/02 17:12
32F：→ sate5232:例如底下的abp-toolbarbutton, greasemonkey-tbb这些 05/02 17:12
装这个
https://addons.mozilla.org/zh-tw/firefox/addon/dom-inspector-6622/
※ 编辑: mayuyu (61.219.36.196), 05/02/2014 17:34:01
33F：推 sate5232:感谢 我去试试看^^ 05/02 17:39
我的情况是用全局隐藏，工具列上每个下拉箭头都隐藏，
单独不隐藏的再另外排除，如果你是大部分都不隐藏，
少数才需要特别指定隐藏，可以用Dom Inspector找出每个元素的id之後，
单独一个一个指定
#abp-toolbarbutton > dropmarker,
#stylish-toolbar-button > dropmarker {
display: none !important;
}
如果情况相反，也可以单独指定隐藏图示，保留下拉箭头
#abp-toolbarbutton > .toolbarbutton-icon,
#stylish-toolbar-button > .toolbarbutton-icon {
display: none !important;
}
然後下拉箭头再用padding调整间距大小
#abp-toolbarbutton > dropmarker,
#stylish-toolbar-button > dropmarker {
padding-right: 2px;
padding-left: 2px;
}
还有扩展的图示也可以换掉，例如我的RSS阅读器扩展图示是Brief
https://addons.mozilla.org/zh-tw/firefox/addon/brief/
可是中身却是Bamboo xDD
https://addons.mozilla.org/zh-tw/firefox/addon/bamboo-feed-reader/
所以我的扩展开起来和表面显示的不一样，可能会令人很错乱xD
/* 替换Bamboo Feed Reader的按钮图示 */
#bamboo-toolbar-button-feed > .toolbarbutton-icon {
list-style-image: url(data:image/png;base64,图示的BASE64码) !important;
-moz-image-region: rect(0px, 16px, 16px, 0px) !important;
}
/* 去除Bamboo Feed Reader右侧显示的未读数字 */
#bamboo-toolbar-button-feed > .toolbarbutton-text {
display: none !important;
}
※ 编辑: mayuyu (61.219.36.161), 05/02/2014 19:09:59
34F：推 BrianCheng:may大你的火狐美的像艺术品...那个BBS自型怎麽改的? 05/02 21:43
to Brian大: 我的火狐其实是火狐娘28版的预设介面耶xD
我其实什麽都没有改 火狐娘原本就长这个样子
火狐如果真的手动大改的话 真的可以改到火狐娘她娘都认不出来火狐娘的程度(好拗口
BBS的字型是华康中黑体 BBSFox可以个别设定字型 因为火狐有渲染的关系
所以看起来可能跟PCMan上有点不太一样 一时看不太出来
去除下拉箭头这样写可能比较好
#navigator-toolbox toolbarbutton:not(
#btn_undoclose) > dropmarker {
display: none !important;
}
只要一行，还有这样写不会影响到29版装CTR重建的左上角火狐橙按钮，
不用再特别排除以显示火狐橙按钮(
#ctraddon_appbutton2)的下拉箭头
※ 编辑: mayuyu (61.219.36.86), 05/02/2014 23:02:12
36F：→ mayuyu:4月29、30日二天下载人数暴增 69710人 05/02 23:11
37F：推 kuchibue:有看有推！ 05/03 13:28
38F：推 kdok123:可以分享一下套件吗? 很多都没有看过 05/03 14:47
39F：→ mayuyu:我安装的套件都是大家常用的 例如挡广告、滑鼠手势和拖曳 05/03 20:57
40F：→ mayuyu:只是因为图示被我改掉了 所以可能认不出来w 05/03 20:57
41F：→ mayuyu:有一些功能可能比较少用 不过需要时有用还蛮方便的 05/03 20:57
42F：→ mayuyu:我再慢慢多整理一些 有机会再和大家分享 05/03 20:58
44F：推 hijacker:这篇太强大了 05/09 13:51
45F：推 kurtisgod:这篇要推一下!! 05/12 11:12
脚本已经改版罗，请下载下面这个更新的版本
http://www.mediafire.com/download/x8ul8w6m3vz72vy/ucjs.rar
解压缩後丢到chrome资料夹底下即可。
包包里面的脚本的作用说明：
uAutoPagerize2.uc.js
自动翻下一页，去除google搜寻的连结导向，
点击google搜寻下一页的连结自动开在新分页，
可以完整显示google搜寻和youtube搜寻第二页的影片缩图
_uAutoPagerize.js
自定义的翻页规则写在这里，可以自行添加规则
uSuper_preloader.db.js
自动翻页的规则资料库，会自动下载更新，里面很多是简体中文网站的规则，
预设是不使用AutoPager的资料库，你可以自行打开，
AutoPager是这个扩展
https://addons.mozilla.org/zh-tw/firefox/addon/autopager/
资料库很丰富，uAutoPagerize2.uc.js也可以使用这个资料库，
不过我大多是手动添加自己需要的网站规则
SITEINFO_Writer.uc.js
辅助添加自动翻页规则的工具，有这个工具遇到没有规则的网站
都可以自己添加，不需要庞大的资料库，使用方法很简单，可以自行研究。
gTranslator.uc.js
google整页翻页和选词翻译的uc脚本
MemoryMonitor.uc.js
在地址栏显示火狐的记忆体使用量，我是设定放在地址栏，
可以放在其他地方，有需要可以自行修改
rebuild_userChrome.uc.xul
uc脚本管理器，我是设定显示在地址栏，有需要同样可以自行修改
speedupcanonizeURL.uc.js
加快火狐在地址栏搜寻单一字串时的搜寻速度
textLink.uc.js
遇到纯文字的http连结，在文字上双击，就可以自动用新页打开连结
userChrome.js
uc脚本的引导脚本，是其他uc脚本运行必须使用的脚本
AddonsPage.uc.js
增加火狐扩展管理页面的功能，提供uc脚本的管理页面
※ 编辑: mayuyu (61.219.36.91), 07/13/2014 22:00:53