Tile Tabs 隨意分割瀏覽器分頁畫面,同時處理多個網站內容

tiletab-08 (by 異塵行者)

現在買電腦螢幕幾乎清一色都是寬螢幕,而使用寬螢幕除了在看影片的比例上「似乎」比較物盡其用外,其實螢幕夠寬另外一個好處就是適合用來同時處理多視窗作業。因為目前大多數的軟體、網站等數位介面與內容都是採取橫書的格式,所以當螢幕的寬度夠大時,我們可以比較容易把多個軟體或多個網站的頁面「並列」處理,在視覺上左右比對也感覺會比較順暢。

針對多個不同軟體視窗的並列比對,我之前已經有介紹過幾款很不錯的工具:Winsplit Revolution 多視窗分割管理,大螢幕多工小助手Acer GridVista 優化寬螢幕、大螢幕電腦的桌面視窗分割利用。而如果你使用Windows 7的話,甚至就直接內建了已經很好用的螢幕分割功能,只要把視窗拖曳到螢幕邊緣就可以自動分割延展、並排顯示。

不過今天要推薦的,則是一款新出現的Firefox瀏覽器畫面分割套件:「Tile Tabs」,可以用多種快捷方法將目前打開的頁面用並列在同一個畫面中,讓你同時參照、使用多種網頁內容資料。

 

其實很久以前我也有推薦過一款分割Firefox視窗的套件:「並列 Firefox 分頁的擴充套件:Split Browser(by xbeta,+異塵行者)」,不過後來我自己使用這款套件時,會導致少數網站發生衝突問題,所以就沒有持續使用了。而今天這款「Tile Tabs」,目前大概只有試用一天的時間,順暢度感覺很不錯,也還沒有發生影響網頁正常開啟的情形,當然,這可能還是需要更長期的使用才能確定其相容性,所以歡迎讀者如果有一起試用的話,也能幫忙回饋心得或問題。

 

  • 01.安裝實驗中套件

來到套件網頁,因為Tile Tabs目前是一個實驗中的擴充套件,你必須勾選允許使用後,才能進行安裝。

tiletab-01 (by 異塵行者)

 

  • 02.把目前所有分頁集中成單一畫面顯示

雖然不像Split Browser那樣可以直接從畫面邊緣拖曳分割(但這可能也是造成一些網站會出問題的原因),不過Tile Tabs的使用方式也非常簡單,而且有多樣化的啟動分割方式。

首先你可以直接在某個分頁標籤上點擊滑鼠右鍵,在選單中選擇【Tile All Tabs】,然後繼續選擇一種分割模式(格子狀、水平狀、垂直狀),就可以把目前所有開啟的分頁集中到單一畫面中同時顯示。

tiletab-02 (by 異塵行者)

 

  • 03.在目前分頁中加入新分頁分割畫面

或者你可以直接在目前分頁的網頁空白處點選滑鼠右鍵,選擇選單中的【Tile Tab】,接著你可以指定在目前視窗的上方、左方、右方或下方加入另外一個已開啟分頁的分割畫面。

tiletab-04 (by 異塵行者)

 

  • 04.將指定分頁加入目前分頁中同時瀏覽

這個功能其實和03的功能差不多,假設你目前在瀏覽A分頁,你可以在B分頁標籤上點擊滑鼠右鍵,利用【Tile Tab】功能把B分頁加入A分頁視窗的上、左、右、下。

tiletab-09 (by 異塵行者)

透過上面三種開啟分割視窗的方式,你可以組合變化出非常多種分割畫面,例如像下圖中,你可以開啟一大三小的分割視窗,大畫面中是進行主要操作的工作網站,三個小畫面則可以放參考資料網頁。

tiletabs-12 (by 異塵行者)

 

  • 05.隨意調整分頁大小

將滑鼠移動到分割欄上,你可以隨意調整每個分割畫面的大小,調整的速度很流暢。

tiletab-05 (by 異塵行者)

 

  • 06.可以同時在firefox中包含已分割與未分割的頁面(很棒的設計)

實際使用過後,就會發現Tile Tabs在分割頁面的設計上有其獨到之處。例如你現在已經開啟4個分頁,你可以把1、3、4號分頁集中成單一分割畫面,但是2號分頁保留原始的完整頁面狀態;這時候如果你跳轉到1、3、4分頁時就會呈現分割畫面,如果點開2號分頁則會顯示正常的完整網站,也就是「可以同時在瀏覽器中包含已分割與未分割的頁面」。

從這裡我們就可以看到Tile Tabs的優點,之前的Split Browser套件是去分割整個瀏覽器視窗,而Tile Tabs則只是去「分割分頁」,後者我覺得相對要有彈性的多(而前者則是在分割畫面裡可以有更多瀏覽器功能)。

而且已經有加入分割視窗的分頁標籤上,還會用藍點來標明,方便你辨識。

tiletab-06 (by 異塵行者)

 

  • 07.取消分割畫面

你可以在某個分頁畫面或標籤上點右鍵,選擇【Untile Tab】,就可以把目前這個分頁從分割畫面中解放出來。或者點選【Untile All Tabs】,則可以解除所有分頁的分割畫面。

tiletab-03 (by 異塵行者)

 

  • 08.同時捲動左右分割畫面

有時候我們會想要將兩個網頁並列,可能是有實際上比對內容的需要,這時候你可以到選單列的【Tile】中點選【Synchronize Scroll】,只要捲動左右並列畫面的其中一邊,另外一邊就會跟著走,方便你進行內容比對。

另外點選【Vew Normal Tabs】,則是可以暫時將已分割畫面用全頁面顯示,但取消後就會還原到分割狀態。

tiletab-07 (by 異塵行者)

 

  • 小結:

如同前面提到的,之前很有名的Split Browser套件,是把整個瀏覽器的視窗進行強制分割,分割畫面中其實是顯示另外一個瀏覽器視窗,所以在效能與穩定度上比較容易有問題。

而Tile Tabs的方法比較不一樣,它只是把每個分頁內容變成格狀分割顯示,雖然在分割視窗的操作上功能沒有Split Browser多,但是相對的Tile Tabs比較快速、穩定,而且我覺得應該已經可以滿足需要分割畫面的朋友的需求了,推薦給有興趣的讀者們試用看看。

留言

  1. 嘗試使用,發現於開啟youtube影片視窗時分割,會導致影片重新播放,尚未深入研究,不知是否個人操作問題。

    回覆刪除
  2. 會重新播放,因為分割的動作等於重新載入這個分頁吧?

    回覆刪除
  3. 终于找到firefox下满意的分屏扩展了~ 分屏时不用重新载入页面.
    thx 異塵行者~~

    回覆刪除
  4. 目前看起來似乎是播放影片中的頁面進行分割時,會讓影片重新播放

    其他網頁則都滿正常的

    回覆刪除
  5. 站長請問你一個問題:要怎麼把LinkWithin這個小工具只放在文章底部。

    回覆刪除
  6. https://addons.mozilla.org/en-US/firefox/addon/4287
    其实这个不错 Split Browser

    回覆刪除
  7. xd 呵呵

    朋友,我的文章裡不就是一直拿個Split Browser在和Tile Tabs做比較嗎~:P

    回覆刪除
  8. Counterpart for chrome browser.

    https://chrome.google.com/webstore/detail/tab-resize-split-screen-l/bkpenclhmiealbebdopglffmfdiilejc

    回覆刪除

張貼留言

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

這個網誌中的熱門文章

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

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

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

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

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

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

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

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

最簡單養成習慣方法是「解決問題」,不靠時間表、獎懲與意志力

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