2009年8月19日星期三

Firefox 介面大瘦身五: 用Fission 在網址列顯示網頁載入情況省去狀態列的空間

Google Chrome 設計上其中一個優點是把狀態列以非固定空間顯示,如下圖。image

透過 Fission 這 Extension,我們可把網頁載入情況及超連結的URL 在網址列上顯示,省去狀態列的空間。


套件: Fission
做法: 在 addons.mozilla.org 網站直接安裝後,重新啟動Firefox,修改 Fission 的設定,選”Connection status at the right of the address bar” 及”Active link/Mouse-over link in the address bar”。

image

然後,按Alt+v,再按b 隱藏狀態列。
效果:當網頁載入時,網址列顯示載入的情況及進度。

image

當滑鼠移到超連結之上,網址列的網站圖示便會變成下圖紅圈的樣子,並顯示超連結的網址。

image

經過這五篇,我們談過把瀏覽器標題列選單列書籤列、狀態列隱藏的方式,也有把網址列瘦身的技巧,下一篇談談分頁標籤列 (Tab Bar)的改造。

2009年8月13日星期四

Firefox 介面大瘦身四:像Google Chrome一樣,網址列整合搜尋功能及其它小修改

自3.0版本 後,Firefox 增加了Awesome Bar 的功能,讓我們可以在網址列搜尋自已的書籤和上網紀錄 (History),但Google Chrome 的Omnibar 更厲害,可直接在網址列向網上的搜尋引擎作出查詢。其實,Firefox 用戶可安裝 Omnibar 這Extension,像Google Chrome一樣,讓網址列整合搜尋功能。

套件: Omnibar

做法: 在 addons.mozilla.org 網站直接安裝,之後,由於功能與 Search Bar 重疊,可把 Search Bar 收回「自訂」的工具視窗。

效果:如下圖,

image

多了Google 的搜尋建議image

安裝完成後,由於功能與搜尋框(Search Bar) 重疊可把搜尋框隱藏令瀏覽列有更多空間放置其它工具的圖示。在選單列(Menu Bar) right click,選自訂(Customize…)後,把搜尋框拖回自訂的視窗。

瀏覽列選用小圖示

另外,使用小圖示可把瀏覽列縮窄一些。

做法: 按ALT後,在選單列右按,選客制化(Customize…)後,剔選”用小圖示” (Use Small Icons)

image

效果:如下圖

image

下一篇:Firefox 介面大瘦身五: 用Fission 在網址列顯示網頁載入情況省去狀態列的空間

Firefox 介面大瘦身三: Chrome 一般隱藏瀏覽器名稱列(Title Bar)及彷IE或Safari 隱藏選單列(Menu Bar)

接上文 (Firefox 介面大瘦身二: 自動隱藏書籤列),為了在Firefox 上擠出多一點縱向的空間,配合使用 Hide Menubar 和 Hide Caption 這兩個 Firefox Extension 套件,可節省多兩個工具列的空間。

1. Chrome 一般隱藏瀏覽器的名稱列

套件:Hide Caption

做法:在 addons.mozilla.org 網站直接安裝
效果: 瀏覽器的名稱列與選單列二合為一image

2. 彷IE或Safari 隱藏選單列
套件: Hide Menubar
做法:在 addons.mozilla.org 網站直接安裝
效果:按下ALT鍵,暫時顯示選單列。

image

按多下ALT鍵,隱藏選單列。

image

套用了Hide Caption 之後,Firefox 會少了外框,但這問題不大,因多數情況我們是會把Firefox 放到最大的(尤其是Netbook)。

下一篇:Firefox 介面大瘦身四:像Google Chrome一樣,網址列整合搜尋功能及其它小修改

2009年8月12日星期三

Firefox 介面大瘦身二: 自動隱藏書籤列(Bookmarks Toolbar)

本來書籤列(Bookmark Toolbar)並非瀏覽器必然顯示的工具列,但論方便程度,相信很多人都會把它顯示出來。但它又佔了瀏覽器頂部的空間,惟有把它自動隱藏,節省一些空間。

參考網站:http://userstyles.org/styles/6599
做法: 修改UserChrome.css 檔案,加入下面的程式碼,重新啟動Firefox,書籤列便可自動隱藏

#PersonalToolbar {
visibility: collapse !important;
}
#navigator-toolbox:hover > #PersonalToolbar {
visibility: visible !important;
}

效果:當滑鼠移到瀏覽列,書籤列自動打開 !

image

當滑鼠移開,書籤列自動隱藏 !

image另外,我安裝了 Hide Favicons 讓書籤列像 Safari 一樣不顯示網站圖示,感覺上美觀點!

Smart Bookmarks Bar 這套件雖然也可做到自動隱藏書籤列,但由於我在書籤列放了好幾個沒 Favicon 的Bookmarklet ,用這套件便不大美觀啊!

下篇我們談談如何像IE 或 Safari 般隱藏選單列 (Menu Bar)

Firefox 介面大瘦身三: Chrome 一般隱藏瀏覽器名稱列(Title Bar)及彷IE或Safari 隱藏選單列(Menu Bar)

2009年8月4日星期二

下一代的瀏覽器應該長這樣,我的Firefox 介面大瘦身

現今的屏幕由4:3跳到16:10,是變寬了,但比例上長度卻減少了6份之1,相對上縱向顯示網頁內容的空間像少了一截。

瀏覽器的名稱列(Title Bar)、書籤列(Bookmark ToolBar)、瀏覽列(Navigation ToolBar)、分頁標籤列(Tab Bar)再加上其它工具列例如Google Toolbar等,瀏覽器的頂部已經是寸土必爭的地方!所以Google Chrome或新版的Firefox 4.0 只能在"取消瀏覽器的名稱列"這方面動腦筋。

tabs_on_top_firefox_4.0_sm▲Firefox 4.0  的初步設計 (Credit:zdnet.com.tw)

我們看看下面這張圖,這是一般Firefox 的工具列排列,瀏覽器的名稱列(1)、選單列(2)、瀏覽列(3)、書籤列(4)、分頁標籤列(5)和狀態列(6),總共佔去了畫面約五份之一的空間,在小螢幕的netbook 大行其道的今天來說,這樣的空間分配對解析度只有1024x600的小筆電絕對是一種奢侈!

image

很明顯,Google Chrome與 Firefox 4.0 的設計者明白到這種浪費,在設計上取消了瀏覽器的名稱列,賺回一個單位的空間,但這足夠嗎?

瀏覽器設計者們,請向書籤列和分頁標籤列動動腦筋啊!

我嘗試以現有的Firefox 的套件(extension) 把現時各種瀏覽器節省空間的優點,套用在我的Firefox 3.5 上,看看能擠出多少空間來。

下圖是Firefox 經修改後,在1280X800解析度下,把Firefox放到最大的顯示效果,工具列只佔去螢幕約25份之1的空間。

image

當然,這樣的組合還不算完美,例如找不到能把分頁標籤 Tab 像記事簿般以垂直顯示的套件,若于功能也犧牲掉,但我希望瀏覽器的設計者們能聽到小筆電用戶的須求,設計出更適合在小筆電上使用的新瀏覽器。

Firefox 介面瘦身組合

安裝以下套件:

All-in-One Sidebar
Fission
Firefox Showcase
Hide Caption
Hide Favicons
Hide Menubar
Speed Dial
Tab Scope
VertTabBar
Omnibar
Speed Dial

修改 UserChrome.rss --自動隱藏書籤列

下一篇:Firefox 介面大瘦身一: 自動隱藏書籤列