這才是Firefox自訂性,你會如何調整更順手的瀏覽器介面配置?

firefoxset-01

因為最近Firefox瀏覽器在顯微鏡式的速度測試上,總是慘輸給Google ChromeOpera,而且後面的IE 9看起來也是一副來勢洶洶的樣子,於是對於Firefox愛好者來說,似乎可以拿出來說嘴的特色也就只剩下了「高度自訂性」一塊?偏偏人家Google Chrome的擴充套件資料庫成長日速,優秀套件看起來也不少,這真是叫Firefox情何以堪呢?

一個因應新網路環境的現代瀏覽器,最重要的三個評比點在於:「速度、應用與管理」。速度的意思當然就是指執行新網頁技術的速度;應用的意思則是要能和工具網站服務做出很好的互補搭配,或是讓瀏覽器可以執行更多電腦工作,因為瀏覽器成為個人作業平台可以說是必然趨勢;而管理的意思則是當瀏覽器要負擔的工作更多更複雜時,良好的彈性自訂功能是不可或缺的。

由此來看,目前Google Chrome、Opera佔據了速度上領先的優勢;但在應用性上,Firefox有先天的優秀體質可以讓各種網站服務融合在其介面中,而Google Chrome則是最棒的應用性網站窗口;至於在管理性上,Firefox才真正體現出「高度自訂性」的意義所在:並非只是安裝額外套件,更可以隨意調整介面配置

 

 

  • 調整介面配置才是真正的自訂性

除了可以安裝很多擴充套件,除了擴充套件總是擁有更豐富的功能(同樣套件,Firefox版本通常都比Chrome版本更多功能,這是先天擴充體質的影響),除了擴充功能可以大幅度改變原始瀏覽器之外,今天我想嘗試看看的是,直接依據我的需求,手動去調整Firefox介面配置,讓操作起來更順手。

當然,「管理」並非所有人都需要,上網對於多數朋友來說可能是一件輕鬆的事情,所以我覺得簡單、快速的Google Chrome大有可為。但如果你像我一樣需要一邊上網一邊處理更複雜一點的工作,那麼Firefox是更適合我們的高效率瀏覽器

我的想法是,因為一般來說瀏覽網頁時,滑鼠移動點擊的熱區(Heatmap)通常是在左上方延伸到偏中間之處,所以如果能夠把瀏覽器上最重要、最常用的功能,集中到整個介面的左上方,那麼不管是視覺、手部的移動,是不是都會輕鬆省力許多呢?

firefoxset-12

 

 

  • 如何在Firefox中輕鬆調整介面配置?

從我之前寫過的一篇:「舊火狐超越新火狐!拿Firefox 3.6.x 改裝更好用Firefox 4.0介面」,就可以知道Firefox在介面版型上擁有極大的調整彈性,因此才能做出那種完全改變外觀的事情不管是你自己手動改,或是擴充套件幫你改)。

在手動調整上,你可以直接在Firefox工具列上空白處點擊右鍵,這時候你可以取消任何你不想看到的工具列,例如通常用不到的【選單列】。接著你可以選擇【自訂】,進入按鈕配置的調整畫面。

firefoxset-13

Firefox自訂工具列設定中,可以讓你把各種功能按鈕擺放上幾乎所有你想放的位置,可以隨意調整各種功能的順序關係,下面我就是以這樣簡單易用的調整功能為基礎,分享我自己配置版面的心得。

補充一下,這邊我建議勾選「使用小圖示」,這樣可以讓你的工具列看起來更加簡潔。

firefoxset-14

 

 

  • 我的Firefox個人介面配置分享(以集中於左上方為例):

 

  • 01.瀏覽工具列:翻頁跳轉按鈕

首先,我這邊取消了一般用不到的選單列(可以隨時按住〔Alt〕呼叫),並且把按鈕圖示設定為小圖示。因為網頁瀏覽的起點通常在左上方,所以我將〔上、下一頁〕按鈕保留在最左上方以方便點選,這邊Firefox的翻頁按鈕還有一個特色,就是擁有下拉選單,當你翻動很多頁面後,可以快速跳轉到之前或之後的某個網頁。

firefoxset-02

 

  • 02.瀏覽工具列:網頁安全評分按鈕

然後我將「WOT網站安全評分」套件的顯示按鈕移動到了網址列的左前方,同樣因為瀏覽網頁時一般視覺的起點都是網頁的左上方(起碼我的習慣是這樣),這時候如果WOT按鈕也出現在附近位置,我就可以立刻注意到這個網站的安全評分,有助於提高自己瀏覽網頁時的警覺性。

firefoxset-03

 

  • 03.瀏覽工具列:重新整理、停止網頁二合一按鈕

我自己在瀏覽網頁時,有時網站載入太慢或載入出錯,還滿有機會使用重新整理、停止讀取網頁的功能,所以這裡我透過「Stop-or-Reload Button」套件的功能,把兩個按鈕合一,節省空間,然後放到網址列的左方。

firefoxset-15

 

  • 04.瀏覽工具列:可以搜尋資料、分段點選的網址列

Firefox的網址列可以搜尋書籤、歷史紀錄,加上「CyberSearch」套件後還可以使用Google搜尋,所以網址列對於Firefox來說是很有用的工具,當然也是要擺在左上方。

另外這邊我還會安裝「Locationbar²」套件,可以讓網址「分段」顯示,除了更清楚易讀外,還能分段點選,進入不同層的網站頁面。

firefoxset-05

 

  • 05.書籤工具列:書籤按鈕

前面三項是瀏覽工具列上的配置,主要著重於切換頁面、獲得頁面資料的功能。

接下來則是「書籤工具列」的配置,或許有人覺得打開書籤工具列很佔空間,不過我覺得書籤工具列是一個很棒的額外可利用空間。首先,我會把書籤按鈕放到書籤工具列的最左方,這樣當我想要瀏覽之前收藏網站,或是整理書籤時都能很方便的開啟。

firefoxset-06

 

  • 06.書籤工具列:TooManyTabs虛擬分頁列

然後我會把「TooManyTabs」的虛擬分頁列開啟按鈕,也放到書籤工具列最左方。TooManyTabs可以說是一種極具有彈性的書籤列,可以讓你用非常直覺簡單的方式,儲存多組正在進行中的工作狀態,隨時還原之前瀏覽到一半的網頁組合。

TooManyTabs的按鈕除了放在最左邊以便於點選外,也建議將虛擬分頁列上的【列出所有分頁】選單放在左邊,這樣滑鼠就可以直接點選切換,不用在瀏覽器的左右之間跑來跑去

firefoxset-07

 

  • 07.書籤工具列:Google服務選單按鈕

我還會在書籤工具列的左方擺上一顆「Google服務集成按鈕」,和原本的書籤相輔相成,我只要點擊這一顆Google按鈕,就能立刻切換到常用的Google網站服務中。

firefoxset-08

 

  • 08.書籤工具列:搜尋列

而原本在瀏覽器最右方的「搜尋列」,我也會將其移動到書籤工具列的左方,和網址列剛好上下並排。

這樣的配置在操作上增加很多方便性,也大幅減少滑鼠移動距離、視線移動距離。我對於網址列、搜尋列的使用頻率極高,所以把兩大搜尋功能放在一起,對我的效果尤其明顯,這邊建議可以加上「Add To Search Bar」和「Organize Search Engines」兩款套件輔助,讓你的獨立搜尋列更加強大有效。

firefoxset-09

 

  • 09.書籤工具列:Bookmarklets資料夾

現在我的書籤工具列終於要開始擺上真正的書籤了,不過一開始我會先把一些書籤資料夾擺放在最左方,以便於用選單直接點選裡面的內容。例如「Bookmarklet」這樣的書籤小工具,我就會統一整理在一個資料夾中,然後擺在書籤工具列左方,需要時很快就能點選啟動

而既然要善加利用書籤工具列,那麼一定要安裝的套件就是「Smart Bookmarks Bar」,它可以讓所有書籤使用小圖示顯示,等於是加大書籤工具列的可利用空間。

firefoxset-10

 

  • 10.分頁列:左側樹狀群組管理分頁

最後就要講到我最喜歡的擴充套件之一:「Tab Kit」,透過這款套件,你可以將分頁列放在最左方,然後可以用群組方式組織相關分頁,並且透過樹狀、階層目錄來管理大量分頁。

而分頁列擺在左方垂直顯示還有許多的好處,首先和前面一樣因為左方是網頁瀏覽的視覺起點,再者當分頁垂直排列時將可以大幅減少滑鼠移動選取的距離,所以不管是視覺、操作上都更有效率(尤其如果你又是使用寬螢幕的話)。

P.S.如果你覺得Tab Kit將分頁列放在左方,會干擾網頁瀏覽空間,那麼你可以點擊側邊分頁列上的縮放按鈕,這樣分頁列在不使用時就會自動縮合

firefoxset-11

 

  • 小結:

上面這段YouTube影片,就是我模擬平常使用瀏覽器的習慣,示範看看當重點功能都集中在左上方時,搭配網頁瀏覽習慣,在視線移動、滑鼠操作上都更加方便有效率

當然,我相信每個人有每個人自己的瀏覽習慣,集中在左方的設計不一定適合你,但重點就在於,因為是Firefox,所以才能讓我們「依據自己的使用習慣」,最大程度的把瀏覽器調整到「對自己最方便的介面配置」,而這才是Firefox高度自訂性的真正精髓,也是目前其它瀏覽器所無法做到重要特色之一。

最後,歡迎大家也分享自己的看法,或是交流自己如何調配Firefox的介面配置?

留言

  1. 使用Vimperator的人飘过……
    界面配置都是浮云,命令行执行firefox所有操作+自定义键盘映射是王道不解释

    回覆刪除
  2. vim化的Firefox確實是好物啊。在小本本上用著很舒服。不過對於一些特殊的Flash鏈接與圖片鏈接F鍵以後選不到很頭痛。我也是FF重度用戶,完全習慣了自己設定的操作習慣後再也不會選擇第二種瀏覽器了。我現在是鼠標+keyconfig自定快捷鍵。
    行者提到的幾款套件我基本都在用。特別是tab kit最適合我這種分頁開得滿滿的人了。不過Smart Bookmarks Bar這個有個問題就是在我電腦上的3.6.8無效。原因不明T T

    回覆刪除
  3. 請問一下
    我在工具列設置了 書籤按鈕
    可是設完後
    它出現的位置卻在最右方
    我想要讓它出現在最左
    請問該怎麼做?

    感謝

    回覆刪除
  4. 我喜欢浏览空间够大,因此将菜单栏、地址栏(整合搜索框)放到一行,书签栏和Read It Later整合到一行,Tab栏支持滚动,其他内容都显示到状态栏,右键菜单经过自己自定义,现在方便极了。鉴于工作电脑是宽屏,准备尝试下使用树形Tab栏

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

    回覆刪除
  6. @Vergil.Vanguard :
    使用快捷鍵的朋友,請無視此篇文章XD

    @Mar:
    改天我也應該來仔細玩玩Vim化的Firefox

    @Max:
    進入自訂工具列,用滑鼠移動拖曳書籤按鈕即可

    @qianxun :
    你的方法也很值得參考喔~

    回覆刪除
  7. 關於Stop-or-Reload Button這個套件,可以用userChrome.css達成,這樣就少一個套件了。去
    C:\Documents and Settings\[User Name]\Application Data\Mozilla\Firefox\Profiles\chrome\
    下新建一個userChrome.css。
    用記事本打開。
    將以下內容貼進去後,存檔。
    #stop-button[disabled="true"] { display:none;}
    #stop-button:not([disabled]) + #reload-button {display:none}
    然後給停止鈕放到重新整理鈕的左邊,把Firefox關掉,重開一次。就可以了。
    有關userChrome.css可參考
    http://wiki.moztw.org/index.php?title=Firefox_%E4%B8%80%E5%88%86%E9%90%98%E6%95%99%E5%AE%A4-userChrome.css&redirect=no#.E5.8F.83.E8.A6.8B
    可以將介面中可變元素的顯示功能直接解決,不用插件就能解決。

    而我的介面配置是將書籤工具移到選單列的右邊,然後取消掉書籤工具列,這樣可以多一列空間。而瀏覽工具列也只保留上、下一頁,重新整理、停止網頁二合一按鈕,WOT按鈕,網址列,收尋列依序由左至右,這完全已經習慣了就都用這樣,分頁工具列從用火狐開始都是放在底層,個人感覺不會上面太厚或下面太厚,且分頁工具列使用Tab Mix Plus,可以多行顯示也可以直接打開最近關閉列表,還有點兩下關閉,配合快捷鍵點擊直接開最新開閉分頁。順便右鍵選單不要的去掉,這是我目前的配置。主要是依據習慣來改的。

    回覆刪除
  8. Google chrome長按上一頁也可以開啟上一頁選單喔
    所以我覺得有上一頁選單並不算它的特色唷
    p.s.我都用Google chrome

    回覆刪除
  9. 相對於 Chrome 而言,Firefox 把上下頁的列表整合,跟 Chrome 還是稍有不同

    回覆刪除
  10. 感謝說明,
    這邊其實是我沒有搞清楚,
    經過兩位說明就清楚多了^^

    回覆刪除
  11. 喔 看來我沒寫清楚
    不好意思
    我說的不是書籤按鈕的位置
    我是說 按書籤按鈕後
    所出現的書籤列表出現在最右邊
    我想讓他變成最左邊
    不知該怎麼設定?

    回覆刪除
  12. 這個應該是你的某個套件設定影響的,
    因為預設是在左邊,

    去找找看有沒有哪個套件是會動到側邊欄設定的?

    回覆刪除
  13. 想借此問一下各位前輩,google chrome有Video DownloadHelper這類的插件嗎?
    感謝。

    回覆刪除
  14. 剛剛試了一下
    我移除Tab kit後
    就回復了

    回覆刪除
  15. 如果是Tab Kit的話,
    在設定中的「分頁工具列」中,
    「側邊欄應該顯示在...」可以設定書籤側邊欄應該要顯示在左邊或右邊,

    回覆刪除
  16. Smart Bookmarks Bar也不难用UserChrome.css实现,当然直接用扩展更方便些。最后那段视频真的蛮不错的。

    回覆刪除
  17. 我的配置位置跟異塵剛好相反XD
    http://i.imgur.com/mXjra.png
    會將分頁放在右邊的主因是:我右撇子,看游標常在右邊感覺比較順

    書籤我很少開,因為常開的網站都在書籤工具列上

    下方分頁之所以看起來淡淡的,是因為裝了這套件:BarTab
    http://playpcesor.blogspot.com/2010/02/bartap-firefox.html
    因為我開firefox同時也要開這麼多分頁...不用bartab會很花時間
    而且自動unload分頁可以幫我省RAM



    我沒寫BLOG的習慣,所以趁這機會及地方對自己碎碎念一下,可以跳轉最下方看結論

    我的壞習慣1:常常開很多分頁捨不得關,感覺以後還會去開...加上關掉的會不一定找得回來,我記性不是很好,有時只是對頁面有個模糊畫面,卻無法記起關鍵字,此時就需要逐一查看分頁標題,以便助於找尋目標(所以"歷史"功能沒用,要查看的太多了)

    我的壞習慣2:我沒看到的,很快就會忘記它的存在,比方說有個分頁放進readitlater等明天再看,隔天從打開firefox到結束,我一定不會想起RIL有個分頁等著我

    所以會有個問題產生:我該怎麼處理這些分頁?
    通常這些分頁種類為:BLOG文、新聞稿、商品頁面、OX物的下載整理文
    我的要求:
    1.打開firefox就能看到暫存文章,體醒我「啊!對了!我還有存這分頁!該OX@#%了!」
    2.能作簡單分類

    加入書籤?但是書籤都拿來存網站的主頁面,這種雜七雜八放在書籤有點難整理...而且放書籤內我一定會忘記XD

    現在有裝readitlater、toomanytab、bartab
    RIL:最早裝的,所以積了不少,現在慢慢消化中,因為沒有分類功能,考慮砍掉用TMT取代
    TMT:相當好用!只是若能固定分頁寬度就更棒了
    bartab:在考慮要不要也用TMT取代...



    講了這麼多,其實結論就是:
    1.懶得整理分頁
    2.不會狠下心關分頁

    ......一切都是自找的 囧rz

    [誠徵] Firefox分頁整理技巧
    意者e-mail給我,直接發出來也行XD

    回覆刪除
  18. Hello異塵兄,來給你一點feedback了。
    看到你用FX用成這樣真的很佩服啊,我自己也有裝Tab Kit,但因為覺得書籤開在側欄有點礙眼,看過此篇後應該要改改思維了。:P這是我的主要profile配置圖,我自己是不會很care瀏覽空間所以只有新增一條新工具列拖常用的套件進去,注意一點的是如果有裝新同文堂或是Web Developer的話,它裝完之後都會吃掉滿多空間的,這時就可以利用異塵兄所提到的方法,將該套件圖示拖曳上去,用點擊方式控制其開關。這篇大致上都滿認同的,我想請教您是否有過套件衝突或是其他問題導致火狐異常的情形呢?

    我自己的經驗是上述那個profile裝了約八十個套件,有天突然火狐某些套件失效,狀態列圖示也消失,導致要找出問題來困難度也會增加,雖然說後面問題是解決了(主要參考這篇「萬用自我檢測除錯大法 for Firefox」),但是如果套件數能再少一點的話,時間也會減少一些。

    所以目前我的想法是,利用多重profile分門別類不同的使用需求,來有效減少個別設定檔的套件數。這麼做的好處是一旦套件數減少,當發生問題時要找出癥結點時間也會大幅減少(有五成以上都是套件衝突);另外就是在瀏覽速度方面與所占記憶體,也是有所差距,給大家一個數據參考,有8x的套件跟只裝2的套件的火狐,所占記憶體分別為140M與60M左右。

    不曉得異塵兄對於以上看法有什麼指教呢?感謝回覆喔!^^

    回覆刪除
  19. 我很同意你的想法啊^^
    利用profile區分套件使用也是好建議,
    最重要的就是自訂出符合自己需求的介面,這是精神所在。

    至於我使用firefox,會很克制自己的套件使用,
    大多時候維持在20+套件已經是我的極限了^^

    至於套件衝突,這會有遇到,那時就只好擇一使用囉~反正應該都能找到其他選擇

    回覆刪除
  20. 回牧野 空........

    我的習慣跟您一樣

    回覆刪除

張貼留言

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

這個網誌中的熱門文章

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

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

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

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

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

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

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

少記筆記,減少整理,高效輸出:6 原則打造任務驅動型第二大腦

Google 表單的 10 個專業問卷調查設計秘密教學