作者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/m.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