舊火狐超越新火狐!拿Firefox 3.6.x 改裝更好用Firefox 4.0介面

firefox4-00

我個人是滿欣賞Firefox 4.0介面設計的,除了討論誰先誰後的雷同問題外,單純以「為什麼這樣設計」來論,Firefox 4.0、Opera、Google Chrome的介面風格代表了真的把「網路」當做「工具」看待的未來趨勢。有一天我們不會再稱呼這類軟體叫做「網路瀏覽器」,而會叫做「網路作業系統」,因為上網時我們不再只是瀏覽新聞,而是要去開啟軟體服務。

回過頭來說,雖然目前Mozilla官方已經推出了Firefox 4.0 Beta 1下載,不過一來只有英文介面,二來新介面的展示意義大於實用性,如果真的要用Firefox來進行網路工作,還是應該使用正式穩定版的Firefox 3.6.6。

從這個基礎出發,如果我們既想要繼續使用「有用」的Firefox 3.6.6核心,但是又想要體驗看看「有趣」的Firefox 4.0新介面,有沒有舊骨換新皮的兩全其美辦法呢?這種問題對Firefox來說當然是小Case,今天這篇文章就要分享我自己如何利用擴充套件,將Firefox 3.6.6改造成Firefox 4.0新潮外觀,但又不失正式版實用性的方法。

 

改裝Firefox 3.6.6,當然是在於要體現出Firefox 4.0全新設計的工具列、分頁列優點,甚至我們還可以偷偷加上一些連Firefox 4.0都沒有的好用、好看功能

以下圖展示的改造成果來看,幾個重點分別是:

  • 統合的左上方選單按鈕。
  • 擺在最上方的分頁列。
  • WebApp導向的純圖示分頁標籤。
  • Firefox 4.0的立體按鈕設計。
  • 更易懂的網址顯示。
  • 網址列右方的暫停、重整、前進三合一按鈕。
  • 獨立展開的書籤選單。
  • 更易讀的書籤工具列。

其它沒有在圖中展示的還有:

  • 動態分頁標籤特效。
  • 分頁內容預覽。
  • 全新的網頁載入讀取條。
  • 更易操作的檔案下載監控。

下面就讓我們一一實現上述功能或外觀。

firefox4-14

 

有了Personas後,我已經很久沒有玩Firefox佈景主題了,不過這次要改造Firefox 3.6.6變身Firefox 4.0,我們一開始就需要先安裝這款「Strata40」佈景。

firefox4-02

 

接著讓我們安裝Strata40佈景主題的「功能性優化」套件:StrataBuddy。安裝後進入設定畫面:

  • 〔應用按鈕〕中可以決定左上方選單按鈕的風格,我個人喜歡「風格2」。
  • 〔窗口〕中可以決定整個瀏覽器的skin風格,我因為是用XP玩,所以只能選「Aero Basic,如果你使用Vista以上,應該就能選擇「Aero Glass」。
  • 〔標籤欄〕中勾選「標籤欄置頂」,就能把分頁列提高到整個瀏覽器最上方。
  • 〔其它〕中可以設定更多外觀細節,建議除了第一項之外其它都可以勾選,功能就如同套件所描述那樣。

firefox4-03firefox4-04
firefox4-06firefox4-05

 

這款套件可以讓你開啟分頁、關閉分頁時,加上「動畫效果」,雖然說對於工作沒有實際幫助,但還滿賞心悅目的。

firefox4-07

 

很簡單的一款知名套件,提供分頁內容的預覽畫面功能。雖然縮圖顯示效果沒有說非常美觀,但展示速度滿快的。

firefox4-08

 

另外一款更是超級知名的套件,把檔案下載進度整合到瀏覽器狀態列上,讓你可以直接看到是否已經下載完成,並且也可以直接點擊檔案開啟。

firefox4-09

 

這是一個比較特殊的介面設計,但我覺得搭配在類Firefox 4.0介面上,還滿美觀也滿有用的。具體來說,這款套件把每個網頁載入進度放在「單獨分頁標籤上方」,所以當你同時開啟很多個分頁時,可以清楚的看到每個分頁目前載入多少比例。

firefox4-10

 

我之前有專文介紹過這款分頁套件,這裡我只取用它的一個功能,就是將某個分頁標籤「圖示化」,看起來就像Google Chrome上的Web App程式一樣。圖示化的好處是可以禁止該分頁被關閉,以及禁止該分頁移動位置,非常適合應用在網路服務工具上。

firefox4-11

 

這是我幾乎沒有移除過的必裝套件之一,可以幫你將網址列顯示的更優美,但也更清楚易讀,能夠明確的看到主網域,以及切換到網址的任何一個層級,不僅美觀也有很大的實用性。

firefox4-12

 

另外一款我個人必裝的書籤列改造工具,可以讓書籤列上的書籤用圖示顯示,搭配前面StrataBuddy提供的書籤列獨立書籤按鈕,讓你可以快速讀取常用網站。

firefox4-13

 

  • 小結:

如果你也喜歡Firefox 4.0的介面,覺得在視覺和操作上都更優秀,但是又需要Firefox 3.6.6的穩定相容功能,那麼希望今天這篇改造文章能提供你一些參考。

而如果有讀者願意提供、建議其它更好的改裝套件,也歡迎在本文後面留言討論。

留言

  1. 看來StrataBuddy進化了,可以安裝看看~

    回覆刪除
  2. 不知道有沒有辦法增加TAB的高度...,感覺裝了後有點太扁了XD。

    回覆刪除
  3. 說到最新版本的火狐這一點我想要補充一下相關資料

    目前已經釋出到4.0B2pre了
    下載位置在這個地方,並且也已經有正體中文語系了
    http://ftp.mozilla.org/pub/mozilla.org/firefox/nightly/latest-mozilla-central-l10n/


    不過如同行者所說,真要穩定跟套件正常運作的話還是要用3.6.6(綾川版則出到3.6.8),何況真正的先行版用起來像是在玩真實踩地雷一樣,下一次的即時更新後沒人知道會發生甚麼很恐怖的事情就是= ="

    回覆刪除
  4. 重點是最上方的XP佈景一樣醜 XD

    回覆刪除
  5. 用Vista和windows 7會好很多喔^^

    回覆刪除
  6. 可不可能在Vista和windows 7有透明效果..?

    回覆刪除
  7. 成功改裝,效果如圖:
    http://i29.twitgoo.com/2d0ytz5.png

    回覆刪除
  8. 在噗友傑洛特推薦下 TwentyTen 可以取代StrataBuddy 真的比較好看多了XDD

    回覆刪除
  9. 作者已經移除這則留言。

    回覆刪除
  10. 感謝推薦,歡迎大家多多分享和討論相關心得喔^^

    回覆刪除
  11. 個人是使用Fx4與Fx4 options,已有內建類似tab progress bar與Fission的功能

    回覆刪除
  12. 使用"Tab Utilities"分頁標籤「圖示化」功能後, 分頁標籤圖示會跟下一個分頁標籤幾乎完全重疊, 不美觀又不容易點選, 是否設定上有問題?

    回覆刪除
  13. 先檢查看看你是否還有安裝其他分頁套件,是可能造成衝突的?

    另外建議到Tab Utilities設定中,取消其分頁強調特效~

    回覆刪除
  14. 希望 Firefox 能夠有一次性安裝多個 addons 的功能或套件,不然像這種連續裝8-9個套件的改造工作還真累人。

    回覆刪除
  15. 感謝行者兄又推薦好用的外掛!

    回覆刪除
  16. 謝謝行者兄解疑, 原來是"tab kit"套件衝突
    停用此一套件, 問題就解決了

    回覆刪除
  17. 請問大大 有沒有別的 add-on
    能實現三合一按鈕那功能?

    回覆刪除
  18. 我想問一下行者
    有沒有一種火狐套件,在開啟火狐時就直接開啟某些網站
    例如
    我開火狐後,他就能自動幫我開啟首頁、噗浪、facebook、GMAIL、PTT(已經套件)
    而不用再從書籤或網址列去尋找網站的連結

    回覆刪除
  19. @chaos:
    目前沒有看到^^

    @匿名:
    這個直接使用「首頁」功能即可,
    在選項設定的首頁欄位,
    把你想打開的網址都打上去,
    中間以
    |
    區隔即可。
    例如:
    http://playpcesor.blogspot.com/|http://topsy.com/

    回覆刪除
  20. To 20樓:
    在書籤內新一個資料夾,將您每次必開的網頁全部移至書籤資料夾內。
    每當你開啟Firefox後,點選資料夾內的「全部用分頁開啟」。
    不知您要的是否像這樣呢?!該方法提供給您參考。

    回覆刪除
  21. 補述:
    還要到「選項」\「一般」,在首頁位置哪有三顆按鈕,點擊「使用頁籤項目」,選擇您剛設的一次性開啟資料夾,確定後您重開Firefox查看是否為您所希望的開啟網頁。

    回覆刪除
  22. 發現一個圖形化標籤的專用套件FaviconizeTab,簡單直覺,沒有附加累贅的功能,https://addons.mozilla.org/en-US/firefox/addon/3780/

    回覆刪除
  23. 想请教下,安装主题后有没能美化这里的套件
    http://fumpr.com/share-56B6_4C57EFAC.html
    实在觉得难看

    回覆刪除
  24. jhangyu 提到...

    http://i29.twitgoo.com/2d0ytz5.png
    這張圖視窗的不分(Google-Mozilla Firefox那裏)是怎麼用的 好像沒有提到 是自己裝的插件嗎

    回覆刪除
  25. 安裝Strata40就不能再用佈景主題了嗎?好像會被蓋過去耶 很醜

    回覆刪除
  26. 因為Strata40本身就是佈景主題^^

    回覆刪除
  27. 突发问题想请教,不知我安了什么彼此矛盾的拓展,在下载文件时火狐会卡死,只有强制结束才可以,就是在弹出下载框时会卡死,其他应用一切正常,我在仔细核对及重新安装推展后依然如此。
    http://fumpr.com/share-91AC_4C65917C.html
    http://fumpr.com/share-876E_4C65917C.html
    我实在有些摸不着头脑了,是否有遇到此类问题的朋友呢

    回覆刪除
  28. 我不清楚是哪個套件影響的,
    或許可以試著把最可疑的幾個套件暫停,
    然後進行交叉比對,
    看看是哪個套件影響的

    回覆刪除
  29. 我用的是Pale Moon3.6.8版的,我从新下载安装了,在一个套件都没安装的情况下也下不了东西,同样的在弹出下载框时卡死,看来是不能用了

    回覆刪除
  30. 或許是Pale Moon的問題吧?

    回覆刪除
  31. https://chrome.google.com/extensions/detail/libokbfffpaopdjmeofdfpmlanaenaje

    很有潛力

    回覆刪除

張貼留言

為了避免垃圾廣告留言過多,開始測試「留言管理」機制,讓我可以更容易回應讀者留言,並更簡單過濾掉廣告,但只要不是廣告留言都會通過審核。

這個網誌中的熱門文章

Google Maps 我的地圖完全教學!規劃自助旅行攻略

全家沖印、 7-11 列印照片誰好用?立可得與 ibon教學+比較表

Slack 完整教學與上手心得:找到正確的團隊溝通之道

Google NotebookLM 免費中文 AI 筆記實例教學,老師、學生、創作者利器

畫張圖說得更清楚! Napkin 用 AI 幫你的簡報文章手繪視覺思考圖

Google 表單自動關閉回覆教學:時間人數到達就過期

為什麼大家愛用 Trello ?最佳整理教學讓事情井然有序

Miro 遠距工作開視覺會議的免費強大白板,專案圖解實例教學

Excalidraw 免費 AI 生成流程圖,一鍵畫出知識圖表、專案流程、寫作大綱