AutoPager 自動載入合併下一頁的翻頁套件,超簡單自訂新規則

autopager-00 (by 異塵行者)

當我們在Google搜尋時,必須透過點擊下一頁才能瀏覽更多結果;當我們來到一些線上新聞媒體網站時,很多長篇評論也會讓我們花上許多時間點擊換頁;又或者當我們來到購物網站時,不斷翻頁查找商品的經驗想必很繁瑣;還有像是在論壇瀏覽文章時,如果能一氣呵成把好幾頁文章直接在同一頁看完,除了爽快之外也能節省不少時間。

自動翻頁工具可以提供三個主要的幫助:「省去點擊下一頁的動作」、「當你快看完這一頁時預先把下一頁載入」、「方便你同時比對原本分成好幾頁的內容」,確實能大量增進網路瀏覽的時間效率。而自動翻頁工具中,支援最廣泛、功能最豐富、顯示效果最好的,我覺得是Firefox版的擴充套件:「AutoPager

 

AutoPager應該是非常老牌的自動翻頁工具了,想必很多朋友已經知道,也已經在使用,它也同時擁有Firefox和Google Chrome版本的套件。但如果真的要體會AutoPager強大方便之處,那麼我強力推薦一定要使用看看Firefox的版本,因為在這個版本中,你可以:

  • 非常簡單的決定哪些網站要自動翻頁?哪些網站不用自動翻頁?
  • 不管AutoPager有沒內建支援這個網站的翻頁功能,你都可以用非常直覺的方法自己添加新的翻頁規則!

這也是AutoPager可以成為支援度最廣的翻頁工具的原因,因為它擁有強大而簡單的自訂性。

 

但是,雖然說當我了解AutoPager的操作方法後,我會說即使我們不懂任何語法程式碼也都可以簡單上手AutoPager,也都可以自行添加新網站的翻頁規則;然而對於剛剛接觸AutoPager(Firefox版)的用戶來說,很多人可能會被它一大堆功能選項搞昏了頭,以為這是一款很複雜難用的工具而卻步,這其實真是最大的誤解。所以今天我這篇文章,除了推薦AutoPager,也要來簡單介紹如何快速學會AutoPager針對初學者設計的手動添加翻頁規則功能。

 

  • AutoPager允許某個網站使用自動翻頁:

AutoPager使用上有多簡單呢?首先在Firefox中安裝,接著來到任何已經支援的網站,如果該網站有支援內建的自動翻頁規則,這時候網頁上方會浮現一個詢問對話列,按下〔Yes〕,以後這個網站就可以啟動自動翻頁功能了!(相對的,按下NO的話,以後這個網站會忽略自動翻頁功能。)

基本上國際知名的網站,在AutoPager中都可以透過上述過程自動加入翻頁合併功能。而針對台灣、特定地區網站的自動翻頁,我下面會介紹並實作很簡單的手動添加規則方法。

autopager-01 (by 異塵行者)

AutoPager自動翻頁並整合下一頁時,會畫出一條分隔線,讓你明確知道已經合併了另外一頁。另外,AutoPager預設模式下,會在你「快要捲動到網頁底端」時,預先幫你載入下一頁的內容,這是一個聰明又節省資源和時間的方式。

autopager-02 (by 異塵行者)

除了讓AutoPager幫你一邊捲動一邊自動載入外,你也可以利用瀏覽器右下方的AutoPager功能選單,選擇【立刻載入】,就能預先決定要一次載入多少頁以後的內容。例如你想先離開電腦,可以選擇預先載入全部的下一頁,這樣你回到電腦時就可以看到所有頁面都合併載入的狀態。

autopager-10 (by 異塵行者)

 

  • AutoPager禁止某個網站使用自動翻頁:

使用自動翻頁工具時,我最在意的一點,其實是可不可以讓我決定哪些網頁、哪些時候「暫時不要使用自動翻頁」。因為自動翻頁雖然有很多優點,但也可能讓網頁載入更花時間,或者有些時候破壞閱讀結構,所以能夠手動個別禁止才是好的翻頁工具。

而使用AutoPager時,如果針對特定網頁不想使用自動翻頁,只要在功能選單裡選擇【此網站暫停使用】,這樣以後這個網站就不會開啟自動翻頁功能,你的AutoPager圖標也會顯示成灰色的。

autopager-04 (by 異塵行者)

或者有時候你想要直接關閉針對某一類網域的自動翻頁規則,這時候在功能選單裡選擇【管理網站設定】,在彈出對話視窗中,你會看到大量讓人一頭霧水的規則清單。先不用害怕,因為你目前正瀏覽網站的相應規則,已經幫你用「黃色高亮」標記起來了!選擇這個黃色標記的規則,到右上方取消勾選「啟用」,這樣以後同一類網站也都可以禁止自動翻頁了。

autopager-05 (by 異塵行者)

 

  • AutoPager手動添加新的自動翻頁規則:

接著讓我們來看看如何自己添加新的自動翻頁規則,雖然乍看之下好像有很多語法,但是即使你不懂什麼叫做「XPath」也沒關係,因為AutoPager提供了非常直覺有效的規則建立工具。

來到某個還不支援自動翻頁的網站,例如商業周刊的官網,先隨便點進一篇需要翻頁閱讀的文章,確認網頁裡有下一頁等連結按鈕。接著打開AutoPager功能選單裡的【網站設定精靈】。

autopager-06 (by 異塵行者)

此時你會看到瀏覽器左方打開了一個規則設定欄位,雖然看起來實在有夠複雜,但是,你完全不用理會或修改欄位裡的任何東西!

我們只要看到這個規則設定畫面最上方的工具列,有兩個瞄準器工具:

  • 選取連結(左邊那個):點擊這個瞄準器,然後接著點擊網頁裡的「下一頁」連結即可,AutoPager就會自動幫你添加相應規則
  • 選取內容(右邊那個):點擊這個瞄準器,然後接著圈選網頁裡的「主文內容」即可,AutoPager會自動幫你添加相應規則

是的,這樣就好了!是不是非常簡單呢?而且,我建議大多時候只要利用〔選取連結〕的瞄準器即可,瞄準網頁裡的下一頁切換項目,所有的規則都可以幫你寫好,你一個程式碼都不需要動到。(〔選取內容〕功能只有在合併版面讓你很不滿意時才使用來過濾出真正的主文區塊。)

另外值得一提的是,雖然你是在某個特定網頁裡建立這個規則,但是AutoPager很聰明的會幫你把規則套用到整個主網站中!所以即使你是在某一篇文章裡建立這個規則,但以後這個網站所有文章都能適用自動翻頁。

autopager-07 (by 異塵行者)

利用兩個瞄準工具完成設定,按下〔打勾〕圖示儲存規則,第一次建立新的設定檔時會要你輸入用戶名稱,隨便輸入一個按下確定,以後這個新規則就生效囉!

autopager-08 (by 異塵行者)

 

  • AutoPager手動添加新規則效果示範

下面,我們來看看上述「完全不需動到程式碼」的手動添加規則是不是真的有效果。我第一個實作的網站是「商業周刊」,這個網站需要同時使用瞄準連結來鎖定下一頁,和使用瞄準內容來框出主文範圍,這樣就能達到下圖中的效果,你可以看到下一頁文章很完美的被連結在一起。

autopager-09 (by 異塵行者)

第二個拿出來示範的是「博客來網路書店」,隨便利用一個新書排行榜的頁面建立新規則,只要使用瞄準連結工具即可,接著很多頁的新書排行榜也會被很好的縫合在一起。

autopager-12 (by 異塵行者)

最後讓我們看看「Mobile01」的效果,在論壇文章列表中建立新規則,也是只要使用瞄準連結工具即可,這樣一來每一頁的文章就可以自動載入合併了。

autopager-11 (by 異塵行者)

 

  • 小結:

AutoPager是一款功能非常強大,但使用上卻也非常簡單的自動翻頁工具。對於進階用戶來說,可以利用其複雜的功能實現各種變化;而對於像我這樣的初階用戶來說,我們也可以利用裡面很好上手的工具,將自己常瀏覽的網頁添加自動翻頁規則,讓以後上網看資料可以更加輕鬆愜意。

留言

  1. 我覺得由同一個作者開發的autopager lite比較好,耗用較少電腦資源,但只有Firefox版本

    回覆刪除
  2. 安裝autopager
    Firefox版本後,可以在Normal版和lite版本之間切換(同樣透過文章裡提到的功能選單)

    看使用者自己的需求決定

    回覆刪除
  3. AutoPager 有人會覺得太多設定,怕麻煩... 可以試試 AutoPagerize,是 GreaseMonkey script (http://userscripts.org/scripts/show/8551),有 Firefox extension 版本 (http://autopagerize.tumblr.com/),基本上都不需設定什麼,當然不及 AutoPager 強,但相對較省資源. 

    回覆刪除
  4. 請問耗用較少電腦資源到底是什麼資源? CPU? 記憶體?
    又是從何看出耗用較多較少? 憑感覺? 或是想當然爾?
    如果我裝了30個套件該如何抓出每個套件耗用哪些、多少資源?

    回覆刪除
  5. 謝謝異塵行者詳細介紹
    不過實際用起來,我也覺得 GreaseMonkey 的 AutoPagerize 省資源多了
    也非一定要什麼數據,AutoPagerize 用起來超順暢
    有明顯的差異,尤其是 P3 P4 舊電腦

    回覆刪除
  6. 我的看法是,

    如果你的「自動翻頁」需求「只有」侷限在GreaseMonkey 的 AutoPagerize 所支援的那些網站,例如Google搜尋結果,
    那麼當然使用AutoPagerize「就夠了」,
    而且速度稍快是真的,
    這也是我所強調的依照需求選擇自己適合的工具。

    但是,如果你的自動翻頁需求「包含」像是各種台灣新聞媒體網站、各種論壇、各種部落格,或是各種你常常去的網站,
    那麼只能支援少數特定網站的AutoPagerize即使再快,無法滿足需求就不夠實用,

    而這就是我這篇文章推薦「AutoPager」的原因,
    因為它幾乎能滿足所有類型需要翻頁的網站(起碼一定是支援最多的),
    另外就是它的載入也不慢,大概平均不會超過一秒的差距吧~

    所以結果就是,看自己的需求選擇適合的工具,
    很難說哪一款就比較好,
    而AutoPager的好處就像我文章裡說的「支援最廣泛、功能最豐富、顯示效果最好」

    回覆刪除
  7. 你把版面換回原來的了?!!
    你的網址列圖示看的到了

    回覆刪除
  8. 是阿 因為之前新的版面在IE 8底下有問題

    所以換回舊的了

    回覆刪除
  9. 聽你這麼一講,我部落格在IE8下面也出了問題,不知Blogger範本設計工具是不是設計有缺陷....

    回覆刪除
  10. 我也不清楚是什麼問題,
    但是有些部落格卻又是正常的

    回覆刪除
  11. @匿名:
    耗用較少電腦資源,就是所用資源,包括 CPU 和記憶體.

    多少,就是看 Task Manager,也可以找個專用軟件看.

    不想煩的,就如你所說,憑感覺,這是最方便的方法.

    要看個別套件就麻煩一點,它們也可能互相影響著.最簡單分別那個耗資源,就是看裝了它和沒有它的分別囉.簡單吧?

    ...

    一般耗資源的,當然就是那些經常在運作著,或者大規模修改工作的,e.g. Adblock, Greasemonkey,...


    但,重要嗎?

    最重要的是,你自己接受得了,那就沒問題了.就像背包拿多點東西,一定會負重了,你不覺打擾,就沒問題囉... 或者真的很實用,沒有會不自在呢.

    回覆刪除
  12. 那請問像這個網頁http://plurktop.mmdays.com/replurk 裡面並沒有下一頁的連結讓我點取,我該怎麼自設規則呢?

    回覆刪除
  13. 這個可能就要真的懂程式碼去修改,我也不會^^

    回覆刪除
  14. 感謝異塵行者的介紹,
    AutoPager這個外掛真的很好用,
    剛開始還真的是被他的程式碼給騙了,
    經過異塵一番解說後,
    還真是惑然開朗啊 ^________^

    不過, 身為Firefox的愛用者, 我真的很好奇,
    異塵安裝了多少個FF的外掛程式??
    好奇好奇, 真好奇

    回覆刪除
  15. 那我真的裝太多了 ˇˇ"
    49個....不包含佈景主題....

    回覆刪除
  16. 請問要如何修改自動載入的時間呢
    每次剛開啟網頁時就自動載入 遇到很長的網頁很麻煩呀

    回覆刪除
  17. 請問天下系列的自動換頁有沒有人成功呢?我的好像跑不動

    回覆刪除
  18. 好像是因為天下用的是javascript才無法換頁
    有沒有解決方式呢?
    例如別的設定或找userscript

    回覆刪除
  19. 這一點我也不知道如何解決

    回覆刪除
  20. http://i.min.us/ijlNMQ.png

    照這張圖 將使用JS打勾就可以了

    回覆刪除
  21. 好用歸好用,但在分隔線出現長長一串「Auto Pager的換頁分隔線」相當礙眼,不知道有沒有方法單把它除掉。

    回覆刪除
  22. 有無雲端同步軟體可將客製的分頁設定同步到其它Firefox

    回覆刪除
  23. 這個沒有仔細去找找看他的設定檔在哪裡XD

    回覆刪除
  24. 試過Autopager + DownThemAll 合體技--網頁完全打包--之後,實在覺得 1.火狐強矣 2.程式無辜,是使用者太邪惡

    回覆刪除
  25. 感謝教學

    不知道有沒有辦法將「下一頁」的內容放在「原頁面」的上方?

    就是採用往上捲頁的方式,把原來的內容擺在最底下,而新讀取到的頁面依次往上蓋樓...

    回覆刪除
  26. 請問FIREFOX 56版之後,Autopager不能用了,請問您用什麼取代呢?謝謝回答。

    回覆刪除

張貼留言

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

這個網誌中的熱門文章

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

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

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

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

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

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

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

ChatGPT Canvas 全新 AI 寫作、程式碼編輯工具,不再只能對話!

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

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