設定 - 分頁範本

分頁範本是什麼?

  • 可以重現滑鼠、鍵盤動作的功能。

  • 使用者只需設定幾個值,就能在所有網站上運作。

  • 持續新增新範本。

circle-check

分頁是什麼?

circle-exclamation

使用方法

1

確認分頁類型

請參考下方類型分類,確認要提取的網頁的分頁性質。

確認「下一頁」按鈕(用箭頭(▶️)或「下一頁」「Next」等表示)的存在與否,以及點擊該按鈕時頁面如何移動。請用功能確認,不是設計!


TYPE 1. 點擊時立即移至下一頁(1→2)的按鈕存在

TYPE 2. 點擊時立即移至下一頁的按鈕不存在,只有**移至下一組(1→N)**的按鈕

TYPE 3. 頁碼外沒有移至下一頁或群組的按鈕

TYPE 4. 沒有頁碼,只有移至上一頁/下一頁的按鈕


以 A 購物網站為例確認步驟。

在頁面底部的分頁中點擊「下一頁」按鈕,從第 1 頁直接移至第 11 頁,即移至下一組。可以知道這個頁面對應上述項目中的 TYPE 2

2

提取第一頁

請提取分頁開始的第 1 頁。

circle-check
3

前往作業設定

在結果頁面確認提取的資料。A 網站的一頁有 80 個資料。點擊頂部的 Browser Settings 前往該任務的設定視窗。

4

設定範本

A) 新增操作範本 在設定最底部的 ACTION TEMPLATE 中點擊 +ADD 按鈕。 該設定的表現和設計可能會在未來變更,但套用方式相同。

B) 選擇分頁類型 參考步驟 1 說明選擇要套用的範本。A 網站的案例是 Pagination Type2

C) 輸入變數 填入圖片中的 , , 項目。

① 該範本的操作要重複幾次 輸入 5 時,移至下一頁的動作會重複 5 次,因此會提取到第 6 頁。如果想提取到第 10 頁,請輸入 9。

② 當前頁碼的 CSS 選擇器值 如圖片顯示的部分,在網站分頁的「當前頁面」編號上點擊滑鼠右鍵選擇後,參考複製貼上 CSS 選擇器arrow-up-right輸入該值。

③ 「下一頁」按鈕的 CSS 選擇器值 如圖片顯示的部分,在網站分頁的「下一頁」按鈕上點擊滑鼠右鍵選擇後,參考複製貼上 CSS 選擇器arrow-up-right輸入該值。

輸入完所有項目後,點擊 新增(Add)儲存(Save) 按鈕儲存設定。

其他分頁類型的套用方式相同。根據各情況確認分頁類型,複製貼上 CSS 選擇器值即可。

5

點擊重新提取並確認資料

儲存設定後務必點擊重新提取按鈕以套用設定重新提取。

每頁 80 個,共 6 頁的 480 個資料被提取。

使用範本高效提取分散在多頁的資訊吧 😊

Was this helpful?