[-Fx-] 超痛苦的firefox 29 Australis新介面
剩20天firefox 29就要正式推出了,
這版終於引進了Australis新的使用者介面,
算是最近firefox最大的改變吧。
想使用新介面可以下載firefox 29 beta版先行體驗。
我已經習慣使用舊介面的樣子,所以對新介面難免水土不服。
新介面其實不難看,只是我覺得最大的缺點是沒有小圖示,
造成按鈕太大會撐高地址欄的垂直高度,壓縮到原本網頁的顯示空間。
桌機的寬螢幕原本垂直方向的空間就比較窄,我字體又放大,
垂直顯示的空間被壓縮後滑鼠就要多滾個半圈,使用上感覺就不太方便。
還有一個我不喜歡的變更,是把下拉式書籤選單和加入書籤的
星星圖標兩個按鈕連在一起,我擔心有時候只是要開書籤選單
結果不小心誤按到星星變成加入書籤,操作上很麻煩。
而且我習慣把書籤放在側邊的垂直工具列,兩個按鈕連在一起
放在垂直的工具列上不好看,我還是習慣星星放在地址欄裡面,
從地址欄來加入書籤感覺比較直觀。
所以雖然新介面有新介面的優點,不過使用習慣上我還是比較喜歡舊介面,
因此一直找方法想把Australis改回原本firefox 28的老樣子 ><
還好有Aris寫的Classic Theme Restorer和Classic Bookmarks Button
二個擴充的努力和幫忙,我大概只再稍微修改了三個使用者樣式
和一個uc腳本,就可以讓Australis回復到98%左右的firefox 28。
可是還是搞得很累 囧
二個擴充的下載頁面
http://ppt.cc/IM3f http://ppt.cc/L~T2
由於mozilla的審核速度緩慢,主頁上只有1.1.7舊版,
CTR最新的1.1.8正式版和1.1.9beta版在完整的版本歷史頁面裡才能看到。
最新的firefox Nightly編譯版(2014-04-10)在顯示CTR的小圖示模式
會有問題,不過Beta版(29)和Aurora版(30)是正常的,
目前不知道Nightly的變更是否為永久性的更動,
如果將來的Nightly仍然有此一問題,作者會對新更動做出修正。
原本使用中的firefox 28經典介面的樣子
http://i.imgur.com/Q6qc1jX.png
剛裝完firefox 29預設空白的Australis介面的樣子
http://i.imgur.com/WUw1b8f.png
把firefox 28的profile設定檔直接搬過去套用後的樣子
http://i.imgur.com/2XXpjQB.png
整個大爆炸orz
加了CTR和CBB二個擴充,要完全回到舊版的小圖示模式,
要解開CTR的xpi,修改裡面關於小圖示的css,
不過作者說下一版就會修正,以後直接裝不用修改
就可以用和舊版一樣的小圖示設定值了。
追記:(2014-04-10)更新的1.1.9 beta3版已經修正了這個數值,
現在直接裝就可以了。
另外修改了原本使用的樣式和uc腳本配合新設定,
東改西改搞得半死之後,終於firefox 29變身後的樣子
http://i.imgur.com/kKM8qfs.png
還是很微妙 囧
乍看之下也許很接近,可是細部還是有很多不一樣的地方 ><
不過現在這樣大概已經有原來98%的樣子了,
能改成這樣已經讓我有想換到29版的動力,
否則原本的Australis介面真的我很想繼續用28版撐下去,
反正近期雖然版號更改快速但對一般使用上來說沒什麼重大區別。
(又想到29版有比較方便的新同步...)
將來的firefox不知道又會有什麼更動?
實在不想再花時間修新介面了啦(掙扎
為什麼mozilla不做一個選項,讓使用者可以輕鬆的一鍵切換,
自由的選擇回老介面呢orz
--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 61.219.36.91
※ 文章網址: http://www.ptt.cc/bbs/Browsers/M.1397088988.A.87F.html
推
04/10 08:48, , 1F
04/10 08:48, 1F
→
04/10 09:00, , 2F
04/10 09:00, 2F
→
04/10 09:00, , 3F
04/10 09:00, 3F
→
04/10 09:01, , 4F
04/10 09:01, 4F
→
04/10 09:01, , 5F
04/10 09:01, 5F
推
04/10 09:07, , 6F
04/10 09:07, 6F
推
04/10 10:23, , 7F
04/10 10:23, 7F
→
04/10 10:30, , 8F
04/10 10:30, 8F
字體是字研社的「明蘭體」也就是我最愛的日文字體Meiryo
「明瞭體」加「方正蘭亭黑」混合而成的自製字體。
通常這種混合的自製字體看起來都會不太整齊,
可是明蘭體很奇怪竟然很整齊!而且搞不好是最整齊的xD
明蘭體是舊字體,有些字的寫法和我們台灣的標準字體不一樣,
雖然有人比較喜歡舊字體,可是我覺得明蘭體在選字上
有些字體選得不太合理,例如「形」這個字。
不過整體來說和我最愛的明瞭體很接近,字型也許不是最好看的,
但是重點是很容易閱讀! 看起來完全不費力,
眼睛完全感覺不到需要用一點力去辨識字形,
一眼就能夠瞭解寫的是什麼字,所以我拿來設為網頁的閱讀字形。
Yahoo奇摩新聞原本
http://i.imgur.com/NzlOK3w.png
不過這個字型直接拿來用沒有開渲染一樣很難看 ^^;
我是直接用firefox內建的DirectWrite加速微軟的clear type渲染,
firefox要使用要打開硬體加速,同時about:config底下這三個參數要設定
gfx.font_rendering.cleartype_params.enhanced_contrast 200
gfx.font_rendering.cleartype_params.gamma 2200
gfx.font_rendering.cleartype_params.rendering_mode 5
才會有渲染效果喔
明蘭體的說明
http://i.imgur.com/2mBJKfP.gif
如可以接受舊字體的話,安裝
http://www.mediafire.com/download/772a2mq6atmz72t
標準安裝字型後系統會多出10種字型,等寬二種不等寬三種,
每種分別有簡繁模式和純繁體模式二種模式,總共(2+3)*2=10種。
其中結尾有 _TC 的是純繁體模式,也就是會把網頁上的
簡體字碼對應到繁體字形來顯示,所以選這個字體看簡體網頁,
簡體字全部都會顯示成繁體字,這樣就不用另外裝簡繁轉換的套件。
不過對我來說通通變成繁體顯示反而不好用,所以我都選一般的
簡繁顯示模式 明蘭_Orz(裡面也包含日文和韓文字體),
等寬字型就選 明蘭_Mono,如果拿來寫程式就選 明蘭_Code。
※ 編輯: mayuyu (61.219.36.61), 04/10/2014 11:40:28
推
04/10 12:23, , 9F
04/10 12:23, 9F
→
04/10 13:07, , 10F
04/10 13:07, 10F
→
04/10 13:07, , 11F
04/10 13:07, 11F
→
04/10 13:08, , 12F
04/10 13:08, 12F
不過至少firefox還留了後路給我們,拜firefox的高自由度的自訂性所賜,
至少目前還是可以改回接近舊介面,所以我還是可以再撐一下,
不要那麼快就去適應和接受新介面,能撐一天是一天w
→
04/10 13:18, , 13F
04/10 13:18, 13F
→
04/10 13:18, , 14F
04/10 13:18, 14F
→
04/10 13:18, , 15F
04/10 13:18, 15F
→
04/10 13:19, , 16F
04/10 13:19, 16F
→
04/10 13:22, , 17F
04/10 13:22, 17F
推
04/10 13:28, , 18F
04/10 13:28, 18F
上面貼的這張圖裡面有說明 http://i.imgur.com/leeCUdd.gif
明蘭=Regular / 明蘭_UI=User Interface / 明蘭_Orz=Orz
UI適合系統介面使用,例如系統視窗,也可用在網頁顯示。
而Orz...... 作者說因為不知道該取什麼名字所以稱為Orz xDDD
Orz最適合網頁或文字閱讀。
火狐顯示我是用Orz 因為Orz連英數字也是用明瞭體 而我最愛明瞭體w
明瞭體超好看的 日本人天天看這種字真是羨慕 眼睛會不會吃太好
→
04/10 13:45, , 19F
04/10 13:45, 19F
推
04/10 14:08, , 20F
04/10 14:08, 20F
信黑體也超好看,不過網路上從電子書閱讀器抽出來的版本缺字缺很多
只有一萬多字...... 謎之W4二萬八千字版本 低調......
CzCb
裡面的粗體W6只有9千多字 有另外一萬六千字的版本 不過W6有點太粗
用在內文不合適。
和明蘭體的比對 可以注意瀏覽器的覽這個字 新舊字體的差異
信黑 http://i.imgur.com/tYsIUuI.png
※ 編輯: mayuyu (61.219.36.91), 04/10/2014 14:44:56
推
04/10 15:38, , 21F
04/10 15:38, 21F
→
04/10 15:39, , 22F
04/10 15:39, 22F
→
04/10 15:41, , 23F
04/10 15:41, 23F
我這裡沒這問題 不知道是不是MacType渲染的關係
我是開啟firefox自己的硬體加速 此時MacType會自動失效
擷圖裡面的字都是intel內建顯示的硬體渲染效果
我只有照上面說的about:config設定裡修改參數 對比增強200
讓字看起來銳利一點 其他都是最普通的預設值
這篇好像歪得很厲害ww
※ 編輯: mayuyu (61.219.36.96), 04/10/2014 15:57:10
推
04/10 17:35, , 24F
04/10 17:35, 24F
→
04/10 17:35, , 25F
04/10 17:35, 25F
嗯 信黑比較結實(黑)一點 不會發虛 同時字形不會刻意壓扁
明蘭就... 看起來很整齊w 二種字也許都不是最美觀的
不過共通點都是很好閱讀 我比較注重實用性(閱讀輕鬆度)
因為不是要拿來印刷用 所以好讀就好 字體殘廢一點沒關係xD
※ 編輯: mayuyu (61.219.36.176), 04/10/2014 21:27:47
推
04/10 21:29, , 26F
04/10 21:29, 26F
→
04/10 21:30, , 27F
04/10 21:30, 27F
→
04/10 21:31, , 28F
04/10 21:31, 28F
是的,那個是firefox的記憶體使用量,其實一般不太需要裝這個,
我是因為之前火狐發生記憶體洩漏的現象,記憶體會不正常飆高,
我需要方便觀察火狐目前的記憶體使用量來除錯,所以才裝這個。
這是一個uc腳本,需要先裝uc擴展:
http://userchromejs.mozdev.org/
然後要裝userChrome.js
https://github.com/alice0775/userChrome.js/tree/master
然後下載這個MemoryMonitor.uc.js放到firefox的chrome資料夾下
http://ppt.cc/H0IG
這是簡化過的版本,把原腳本記憶體超過設定值就自動重開firefox
的功能拿掉,因為修改者覺得這個功能不好用,我也覺得不好用,
如果需要原版可以到原作者的網頁下載。
安裝後地址欄的數字後面會多一條statuspanel的分割豎線或底線,
(請看我貼的圖裡面有)
有人會覺得不好看,可以用css去掉
#MemoryDisplay {
-moz-appearance: none !important;
background-color: transparent !important;
border: none !important;
}
我是不會覺得不好看,所以只用padding和margin調整這條線的位置,
並沒有去掉。
如果沒有特別需求,真的不太需要裝這個,一直有個數字在那裡提醒,
快爆了快爆了!......有時候會讓人覺得很緊張xDD
※ 編輯: mayuyu (61.219.36.196), 04/10/2014 22:03:00
推
04/10 22:29, , 29F
04/10 22:29, 29F
推
04/10 22:39, , 30F
04/10 22:39, 30F
推
04/10 23:08, , 31F
04/10 23:08, 31F
→
04/10 23:10, , 32F
04/10 23:10, 32F
還有 61 則推文
→
04/11 22:45, , 94F
04/11 22:45, 94F
→
04/11 23:03, , 95F
04/11 23:03, 95F
→
04/11 23:03, , 96F
04/11 23:03, 96F
→
04/11 23:03, , 97F
04/11 23:03, 97F
→
04/11 23:03, , 98F
04/11 23:03, 98F
→
04/11 23:03, , 99F
04/11 23:03, 99F
→
04/11 23:04, , 100F
04/11 23:04, 100F
推
04/11 23:10, , 101F
04/11 23:10, 101F
→
04/11 23:13, , 102F
04/11 23:13, 102F
→
04/11 23:14, , 103F
04/11 23:14, 103F
→
04/11 23:15, , 104F
04/11 23:15, 104F
推
04/12 00:05, , 105F
04/12 00:05, 105F
→
04/12 00:10, , 106F
04/12 00:10, 106F
推
04/12 00:27, , 107F
04/12 00:27, 107F
→
04/12 05:22, , 108F
04/12 05:22, 108F
推
04/12 09:39, , 109F
04/12 09:39, 109F
chrome在33之後終於開始使用DirectWrite,
但是沒有辦法在沙盒中運行。目前最新的開發版36
已經修復這個問題,但是....請看圖:
這是firefox明蘭體用DirectWrite渲染的效果
http://i.imgur.com/0eursgn.png
這是chrome 36的渲染效果,注意要確定chrome://flags底下
有開啟DirectWrite實驗性功能
http://i.imgur.com/sIl6YAJ.png
看起來好像很接近?不過其實差很多,請看:
這是firefox開奇摩首頁的樣子,注意渲染模式要選5
http://i.imgur.com/BzxEBI6.png
這是chrome 36開奇摩首頁的樣子
http://i.imgur.com/nWKNARG.png
可以看到chrome渲染奇摩首頁的大字體完全沒問題,
可是小字體就變得非常殘破,例如上衣+短裙248這幾個字,
如果看google搜尋更慘,這殘破的程度比原來的GDI渲染還糟糕。
所以明蘭體在無渲染的情況下,看起來可能比用雅黑等字體還糟糕,
我以前推薦明蘭體給別人,結果對方一開起來看就關掉了,
我跟他很說好看啊,他說根本醜死了xD
硬體渲染也是一樣,我說微軟的DirectWrite效果不錯,
可是其他使用者感想DirectWrite根本是萬惡的元兇,
讓字體殘廢到不行,還使得MacType因此失效:p
IE雖然有用上DirectWrite,但是IE11和Win8的Metro把clear type
最重要的次像素渲染給關閉了,所以在Metro和IE11底下看文字渲染
效果不會像firefox那麼好。所以Windows的火狐使用者很幸福,
那麼早就有效果很好的內建渲染,光是那個字開起來看就差那麼多,
可是這似乎完全沒帶給火狐有什麼宣傳上的優勢.....
※ 編輯: mayuyu (61.219.36.91), 04/12/2014 10:36:39
→
04/12 13:20, , 110F
04/12 13:20, 110F
推
04/12 17:34, , 111F
04/12 17:34, 111F
→
04/12 17:35, , 112F
04/12 17:35, 112F
→
04/12 17:37, , 113F
04/12 17:37, 113F
→
04/12 17:38, , 114F
04/12 17:38, 114F
→
04/12 17:42, , 115F
04/12 17:42, 115F
→
04/12 17:43, , 116F
04/12 17:43, 116F
推
04/12 18:28, , 117F
04/12 18:28, 117F
要記得開啟選項->「可用時開啟硬體加速」
然後about:Support底下確定「已啟用 DirectWrite」是true
然後設定about:config底下的gfx.font_rendering.*相關參數
t7y大有整理一篇參數設定的資料可以參考:
http://t7yang.blogspot.tw/2014/03/fx-font-render-settings.html
可以隨自己喜好調整。
不過gfx.font_rendering.cleartype_params.rendering_mode
這一項最好選5,不然小字體有可能不會被渲染到。
cleartype_params設定裡還有一些字型因為當初設計時不是針對
clear type設計,被認為採用clear type渲染效果反而不好,
預設在設定尺寸以下會被firefox排除,採用舊的GDI-style渲染:
gfx.font_rendering.cleartype.params.force_gdi_classic_for_families
gfx.font_rendering.cleartype.params.force_gdi_classic_max_size
你也可以試著調整這些選項。還有液晶螢幕的像素排列設定非常重要:
gfx.font_rendering.cleartype.params.pixel_structure
如果你的螢幕比較特殊 不是一般RGB排列 這項設錯clear type
的渲染目的等於完全做錯,字體會五顏六色而且非常非常模糊,
clear type被認為模糊到了極點爛透了,讓一些使用者寧願關掉,
很多都是因為這一項錯誤的緣故,其實設定對在對的裝置上效果是不錯的。
還有要強制網站使用自己設定的字型,可以取消選項->「優先使用網頁指定的字型」
不過有時候會造成排版游標錯位,或者一些圖示字型顯示錯誤,
所以可以用stylish樣式來指定要替換哪些字型,可以參考t7y大的樣式:
http://t7yang.blogspot.tw/2013/08/tweak-firefox-font-settings.html
t7y大的樣式本身有加陰影,不過註解掉了讓使用者可以自行開啟,
不過body註解掉以後會造成樣式在stylish下拉選單中不會出現,所以可以在樣式
@-moz-document regexp("((?!chrome://|telnet://).)*") 這一行
之後加上 {} 大括號包起來,這樣就可以方便的在stylish選單裡切換開關。
這個樣式同時會排除BBSFox的字型替換,所以BBSFox可以在選項內獨立設定
自己的字型,而不會被firefox的字型設定影響到。
還有Yahoo奇摩新聞內頁因為用了js強制指定字型的關係,
沒有取消或強制替換無法顯示我們指定的字型,
而奇摩設置的語系會被firefox誤認為是簡體中文,
所以要強制指定奇摩新聞的字型,要設定firefox字型選項裡簡體中文的部分,
設在繁體中文那裡的設定對奇摩新聞沒用。
我一般都會設好繁體(台灣)、繁體(香港)、簡體和日文
這幾種語系對應的字型,以免沒設定到,看一些網站字型跑掉。
※ 編輯: mayuyu (61.219.36.81), 04/12/2014 21:37:35
啊! 還有一個可能是重點我一直忽略掉!
我當初裝好Win7之後就馬上到控制台->顯示->調整Clear Type文字
裡面去設定我喜歡的Clear Type顯示效果(Win7預設是開啟,
但是還要微調,因為很多人覺得這個內建的設定介面很爛,
看不懂怎麼調,所以也有其他第三方輔助小工具可以幫助調整)
所以我firefox只改了三項cleartype_params設定,連
gfx.font_rendering.cleartype_params.cleartype_level
這一項渲染強度都沒有調。
不過如果你有自行設定這些選項,firefox應該會覆寫系統設定值,
使用"firefox專屬的"Clear Type渲染參數,所以應該還是可以看得到效果....
另外由於是用DirectWrite的關係,所以可能也和系統安裝的DX11/DX12版本、
顯示卡驅動程式版本有關係.....
這樣想一想好像還蠻複雜的.....雖然我一直覺得我什麼也沒做,
火狐娘一開起來就是這麼可愛....xDD
※ 編輯: mayuyu (61.219.36.71), 04/12/2014 22:23:59
推
04/13 19:24, , 118F
04/13 19:24, 118F
推
04/13 21:25, , 119F
04/13 21:25, 119F
→
04/13 21:26, , 120F
04/13 21:26, 120F
→
04/13 21:27, , 121F
04/13 21:27, 121F
→
04/13 21:27, , 122F
04/13 21:27, 122F
→
04/19 04:47, , 123F
04/19 04:47, 123F
→
04/19 04:47, , 124F
04/19 04:47, 124F
→
04/19 04:48, , 125F
04/19 04:48, 125F
→
04/19 09:47, , 126F
04/19 09:47, 126F
→
04/19 09:47, , 127F
04/19 09:47, 127F
→
04/19 09:47, , 128F
04/19 09:47, 128F
→
04/19 22:09, , 129F
04/19 22:09, 129F
→
04/19 22:09, , 130F
04/19 22:09, 130F
推
05/05 01:55, , 131F
05/05 01:55, 131F
討論串 (同標題文章)
以下文章回應了本文:
完整討論串 (本文為第 1 之 2 篇):