?? 一、網(wǎng)頁自動化介紹 ?

1. 什么是網(wǎng)頁自動化？ ?

網(wǎng)頁自動化（Web Automation）就是讓電腦上的瀏覽器 代替人類去操作網(wǎng)頁。 它能按照我們設定的步驟，自動完成“點擊、輸入、下載、采集”等動作。

?? 類比： 就像一個“虛擬助手”，幫你 打開網(wǎng)頁 → 登錄 → 搜索 → 下載 → 采集數(shù)據(jù)，而你不用盯著屏幕一直點。

2. 網(wǎng)頁自動化能做什么？ ?

?? （1）自動登錄與操作 ?

• 自動輸入賬號、密碼，點擊登錄。
• 例子：每天早上自動登錄 OA 系統(tǒng)，進入“公告欄”。

?? （2）數(shù)據(jù)采集（爬取） ?

• 從網(wǎng)頁中提取文字、表格、圖片、鏈接。
• 例子：批量采集客戶資料頁面中的聯(lián)系方式。

?? （3）文件下載 ?

• 自動點擊“導出 Excel / PDF”按鈕。
• 自動等待文件下載完成，并保存到指定文件夾。
• 例子：每天定時下載財務報表。

?? （4）表單填寫與提交 ?

• 自動填寫網(wǎng)頁表單（輸入姓名、地址、日期）。
• 自動提交，避免重復手工輸入。
• 例子：批量錄入客戶信息、問卷調(diào)查。

?? （5）重復性任務批量化 ?

• 循環(huán)操作：對一批網(wǎng)址 / 數(shù)據(jù)逐個執(zhí)行。
• 例子：對 Excel 表里的一百個產(chǎn)品鏈接，逐個打開并抓取價格。

??? （6）條件判斷與流程控制 ?

• 判斷網(wǎng)頁是否出現(xiàn)“驗證碼 / 錯誤提示”。
• 如果有，則暫?；蚯袚Q方案。
• 例子：檢測到“登錄失敗”，就換賬號重試。

?? （7）與其他工具聯(lián)動 ?

• 網(wǎng)頁 → 數(shù)據(jù) → Excel → 郵件 / API。
• 例子：采集訂單 → 自動存到表格 → 再發(fā)郵件給業(yè)務員。

3. 為什么要用網(wǎng)頁自動化？ ?

• 節(jié)省時間：重復的點擊交給程序做。
• 減少錯誤：機器不會漏點、輸錯。
• 高效批量處理：同時完成幾十、幾百條任務。
• 釋放人力：讓人做更有價值的分析，而不是機械操作。

4. 一個完整例子 ?

比如財務小王：

• 每天要 登錄報表系統(tǒng) → 輸入日期 → 點擊導出 → 下載 Excel → 保存到文件夾 → 發(fā)郵件給領導。
• 如果人工操作，需要 15 分鐘。
• 網(wǎng)頁自動化設好后：
  • 每天早上 9:00 自動執(zhí)行整個流程。
  • 小王只需要打開郵箱，就能看到最新的報表。
  • 節(jié)省時間 ×5，工作也更輕松。

? 總結(jié)： 網(wǎng)頁自動化 ≠ 高深的編程，而是一個“虛擬助手”。 它能幫我們把 重復、枯燥、耗時的網(wǎng)頁操作 → 全自動完成，讓人專注在更重要的工作上。

??二、 網(wǎng)頁自動化 vs 客戶端 RPA 自動化 ?

?? 簡單理解 ?

• 網(wǎng)頁自動化 = 瀏覽器里的“自動點人”。
• 客戶端 RPA = 整個電腦上的“虛擬員工”。

?? 舉個例子 ?

財務小李的日常：

1. 登錄網(wǎng)站下載報表（網(wǎng)頁自動化能做 ?,客戶端RPA 能 做?）。
2. 把下載的 Excel 打開，用公式匯總（客戶端RPA 能自動打開 Excel 處理 ?）。
3. 把處理結(jié)果復制到 ERP 系統(tǒng)（客戶端RPA 自動化能做 ?，網(wǎng)頁自動化能做 ?）。

?? 所以：

• 如果只是 “網(wǎng)頁上的重復操作” → 用網(wǎng)頁自動化 就夠。
• 如果涉及 跨軟件、跨系統(tǒng)的流程 → 用 客戶端RPA 更合適。

??三、 理論知識（必須） ?

1. 網(wǎng)頁的組成（理論知識） ?

• 網(wǎng)頁 = 一張“房子藍圖”，里面有很多“積木塊”。
• 標簽（Tag）：積木的名字，比如 <div>、<input>、<button>。特點是 看不到，它是代碼，隱藏在后面。
• 元素（Element）：網(wǎng)頁上實際看到的按鈕、輸入框、文字，就是“元素”。

?? 業(yè)務例子：

• 登錄頁面里有一個“用戶名輸入框”和“登錄按鈕”，它們都是元素。
• 報表下載頁面里，一個“導出 Excel”按鈕就是一個元素。

??? 圖示：

				┌─────────────────────┐
				│       網(wǎng)頁           │
				│      (房子藍圖)       │
				└────────┬────────────┘
						 │
		  ┌──────────────┴───────────────┐
		  │                              │
	  標簽（Tag）                     元素（Element）
  （看不見的積木名字）            （網(wǎng)頁上實際看到的東西）
 ┌───────────────┐             ┌─────────────────┐
 │ <div>         │             │ 登錄按鈕         │
 │ <input>       │             │ 用戶名輸入框      │
 │ <button>      │             │ 導出 Excel 按鈕  │
 └───────────────┘             └─────────────────┘

2. 定位元素（理論知識） ?

• 為什么要定位？ 人利用鼠標去點擊網(wǎng)頁上的元素，同樣自動化工具需要知道“點哪里”，才能操作元素。
• 元素選擇器（Selector）： 像快遞地址，告訴自動化工具去找哪個元素。
  • 示例：#username → 找到“用戶名輸入框”
• XPath（路徑選擇器）： 像家譜，逐層描述元素的路徑。
  • 示例：//*[@class="download-btn"] → 找到“下載按鈕”

?? 類比：

??? 簡易圖示：

網(wǎng)頁元素 (按鈕 / 輸入框)
       │
       ▼
 ┌───────────────┐
 │ 自動化工具      │
 │ 定位元素地址    │
 │ Selector/XPath│
 └───────────────┘

網(wǎng)頁元素 (按鈕 / 輸入框)
       │
       ▼
 ┌───────────────┐
 │ 自動化工具      │
 │ 定位元素地址    │
 │ Selector/XPath│
 └───────────────┘

[網(wǎng)頁上的登錄按鈕] ──?  Selector: #login-btn
[網(wǎng)頁上的用戶名輸入框] ──?  XPath: //*[@id="username"]

[網(wǎng)頁上的登錄按鈕] ──?  Selector: #login-btn
[網(wǎng)頁上的用戶名輸入框] ──?  XPath: //*[@id="username"]

3. 快速定位元素（實踐） ?

在網(wǎng)頁自動化中，手動寫 Selector 或 XPath 有時很繁瑣，尤其頁面元素復雜時。為此，有一些工具可以快速定位元素，直接生成選擇器或 XPath，提升效率。

3.1 常用工具 ?

3.2 使用流程示例（Chrome DevTools） ?

1. 打開網(wǎng)頁，按 F12 進入開發(fā)者工具
2. 點擊“元素”面板，選中目標元素
3. 右鍵 → Copy → 選擇 Copy selector 或 Copy XPath
4. 粘貼到自動化腳本中，即可使用

?? 小技巧：

• 盡量使用 ID 或獨特的 class，保證定位穩(wěn)定
• 對動態(tài)生成的元素，可結(jié)合 CSS 屬性或?qū)蛹壜窂絻?yōu)化 XPath

??? 簡易圖示：

[網(wǎng)頁元素] ──? 右鍵 → Copy Selector/XPath ──? 自動生成定位地址 ──? 自動化腳本使用

[網(wǎng)頁元素] ──? 右鍵 → Copy Selector/XPath ──? 自動生成定位地址 ──? 自動化腳本使用

4. 自動化工作流（理論知識） ?

4.1 什么是工作流？ ?

• 通俗理解：工作流就像流水線，把一個操作拆成多個步驟，讓電腦按順序自動完成。

• 類比：

  你做報表的流程：打開網(wǎng)頁 → 輸入賬號 → 搜索數(shù)據(jù) → 下載報表 工作流就把這幾個步驟“裝進機器里”，一次性自動完成。

4.2 工作流的核心組成 ?

4.3 工作流程示例 ?

[觸發(fā)器：點擊開始]
          │
          ▼
[節(jié)點1：打開網(wǎng)頁]
          │
          ▼
[節(jié)點2：輸入賬號和密碼]
          │
          ▼
[節(jié)點3：點擊登錄]
          │
          ▼
[節(jié)點4：搜索報表]
          │
          ▼
[節(jié)點5：點擊下載]
          │
          ▼
[節(jié)點6：完成]

[觸發(fā)器：點擊開始]
          │
          ▼
[節(jié)點1：打開網(wǎng)頁]
          │
          ▼
[節(jié)點2：輸入賬號和密碼]
          │
          ▼
[節(jié)點3：點擊登錄]
          │
          ▼
[節(jié)點4：搜索報表]
          │
          ▼
[節(jié)點5：點擊下載]
          │
          ▼
[節(jié)點6：完成]

4.4 重點提示 ?

• 工作流 = 自動化步驟的有序組合
• 可以加循環(huán)、條件判斷，讓自動化更智能
• 可復用：同一個流程可以多次執(zhí)行，節(jié)省重復操作時間

?? 小結(jié)：

網(wǎng)頁自動化的工作流就像搭積木，每個節(jié)點是積木塊，連接起來就是一條“自動操作流水線”，讓電腦幫你做重復、繁瑣的網(wǎng)頁任務。

5.手動構(gòu)建工作流（實踐） ?

在 自動化工作流里，每個節(jié)點都是一個“動作”，動作由**指令（Action）**來執(zhí)行。掌握核心指令，就能搭出各種自動化流程。

5.1 常用指令類別 ?

5.2 核心指令（必須會用） ?

1. 點擊（Click）
   • 用于點擊按鈕、鏈接、復選框等
   • 示例：點擊“登錄”按鈕
2. 輸入文字（Type）
   • 模擬鍵盤輸入
   • 示例：輸入用戶名、密碼、搜索關鍵字
3. 等待（Wait）
   • 等待網(wǎng)頁加載或操作完成
   • 示例：等待下載按鈕出現(xiàn)，保證下載成功
4. 獲取數(shù)據(jù)（Get Text / Get Attribute）
   • 提取網(wǎng)頁信息，用于判斷或存儲
   • 示例：獲取報表標題、訂單號
5. 條件判斷（If）
   • 根據(jù)某個條件決定下一步動作
   • 示例：如果“登錄成功”，則進入下載流程，否則提示錯誤
6. 循環(huán)（Loop）
   • 批量操作，重復執(zhí)行節(jié)點
   • 示例：循環(huán)下載多頁報表
7. 變量（Set / Use Variable）
   • 存儲和傳遞數(shù)據(jù)
   • 示例：把用戶名存到變量，后續(xù)自動填充

5.3 小技巧 ?

• 先學網(wǎng)頁操作和數(shù)據(jù)處理指令，快速搭建基礎流程
• 再學條件判斷和循環(huán)，做復雜自動化
• 善用變量，可以讓流程更加靈活和智能

?? 總結(jié)：

學會 網(wǎng)頁自動化，就是構(gòu)建 工作流 ，等于 會用核心指令 + 會組合節(jié)點 + 會控制流程順序 核心指令像樂高積木，組合起來就能搭出各種自動化操作流水線。

6. 自動構(gòu)建工作流（錄制） ?

6.1 錄制的作用 ?

• 類比 Excel 宏錄制： 在 Excel 里，你可以“錄制宏”，比如選中單元格 → 輸入數(shù)據(jù) → 格式化 → 保存。以后按一下按鈕，這些操作就自動完成。
• 網(wǎng)頁自動化錄制也是一樣： 你在網(wǎng)頁上點擊、輸入、下載等操作，工具會把這些步驟“錄下來”，自動生成流程。

?? 核心點： 手動拖指令太慢，錄制就像按下“錄制宏”，一次性生成完整流程。

6.2 業(yè)務示例 ?

• 登錄流程：點擊輸入框 → 輸入賬號 → 輸入密碼 → 點擊登錄
• 搜索操作：點擊搜索框 → 輸入關鍵字 → 點擊“搜索”
• 下載報表：點擊“導出” → 等待文件下載完成

6.3 圖示 ?

Excel 宏錄制：
[點擊單元格] → [輸入數(shù)據(jù)] → [格式化] → [保存]
        │
        ▼
自動生成宏 → 以后直接執(zhí)行

網(wǎng)頁自動化 錄制：
[點擊網(wǎng)頁元素] → [輸入文字] → [點擊按鈕] → [下載文件]
        │
        ▼
自動生成節(jié)點流程 → 自動執(zhí)行

Excel 宏錄制：
[點擊單元格] → [輸入數(shù)據(jù)] → [格式化] → [保存]
        │
        ▼
自動生成宏 → 以后直接執(zhí)行

網(wǎng)頁自動化 錄制：
[點擊網(wǎng)頁元素] → [輸入文字] → [點擊按鈕] → [下載文件]
        │
        ▼
自動生成節(jié)點流程 → 自動執(zhí)行

?? 小結(jié)：

錄制 = 快速生成流程節(jié)點 類比 Excel 宏錄制，操作一次就自動生成自動化腳本，比手動拖節(jié)點快得多。

7. 高階工作流（判斷 / 循環(huán)） ?

7.1 核心概念 ?

• 串行：一步接一步，像流水線，操作按順序執(zhí)行
• 分叉（條件判斷 If）：根據(jù)條件選擇不同路徑
• 循環(huán)（Loop）：重復執(zhí)行同一個操作

?? 類比生活場景

• If：如果下雨 → 打傘，否則 → 出門
• Loop：每天早上刷牙 → 重復動作

7.2 業(yè)務示例 ?

• If（分叉）
  • 網(wǎng)頁出現(xiàn)驗證碼 → 暫停
  • 否則 → 繼續(xù)登錄
• Loop（循環(huán)）
  • 打開 10 個客戶資料頁 → 逐個下載 PDF
  • 逐行讀取 Excel → 抓取每行數(shù)據(jù)

7.3 圖示 ?

串行（順序執(zhí)行）：
[打開網(wǎng)頁] → [輸入賬號] → [點擊登錄] → [下載報表]

分叉（If）：
           ┌───────────是─────────┐
[檢查驗證碼]                     [暫停]
           └──否─────────→ 繼續(xù)登錄

循環(huán)（Loop）：
┌─────────────────────────┐
│ 讀取每行數(shù)據(jù) → 執(zhí)行操作 │
└─────────↑──────────────┘
        重復

串行（順序執(zhí)行）：
[打開網(wǎng)頁] → [輸入賬號] → [點擊登錄] → [下載報表]

分叉（If）：
           ┌───────────是─────────┐
[檢查驗證碼]                     [暫停]
           └──否─────────→ 繼續(xù)登錄

循環(huán)（Loop）：
┌─────────────────────────┐
│ 讀取每行數(shù)據(jù) → 執(zhí)行操作 │
└─────────↑──────────────┘
        重復

?? 小結(jié)：

工作流既可以串行執(zhí)行，也可以分叉判斷，或者循環(huán)重復，組合起來就能完成復雜自動化。

?? 四、指令集合 ?

1. Web交互（interaction） ?? ?

操作網(wǎng)頁上的元素。

• Click（點擊）：點擊按鈕、鏈接、復選框等
• Type（輸入文字）：在輸入框或文本域輸入內(nèi)容
• Select（選擇下拉框）：選擇列表項
• Check / Uncheck（勾選 / 取消勾選）
• Focus（聚焦）：讓元素獲得焦點
• Scroll（滾動）：滾動頁面到指定位置
• Hover（懸停）：鼠標懸停在元素上

2. 瀏覽器（browser） ?? ?

操作瀏覽器本身或標簽頁。

• Open URL（打開網(wǎng)頁）
• Reload（刷新頁面）
• Go Back / Go Forward（前進 / 后退）
• Close Tab / Close Window（關閉標簽頁 / 窗口）
• New Tab（新建標簽頁）
• Wait for Page Load（等待頁面加載）

3. 通用（general） ?? ?

通用操作，適用于多種場景。

• Log（輸出日志）
• Send Notification（發(fā)送通知）
• Execute Script（執(zhí)行自定義 JS 腳本）
• Delay / Wait（延遲操作）
• Run Sub-Workflow（調(diào)用子工作流）

4. 數(shù)據(jù)（data） ?? ?

獲取、處理和存儲數(shù)據(jù)。

• Get Text（獲取文本）
• Get Attribute（獲取屬性值）
• Set Variable（設置變量）
• Use Variable（使用變量）
• Download File（下載文件）
• Parse JSON（解析 JSON 數(shù)據(jù)）

5. 控制流（conditions） ?? ?

控制工作流的順序、邏輯和循環(huán)。

• If / Else（條件判斷）
• Loop / For Each（循環(huán)執(zhí)行）
• Switch / Case（多條件分支）
• Wait（等待條件滿足）
• Stop / Break（停止流程 / 跳出循環(huán)）

? 五、專業(yè)術(shù)語 ?

1、網(wǎng)頁相關基礎 ?

2、基礎概念 ?

3、控制邏輯 ?

4、數(shù)據(jù)處理 ?

5、常用動作節(jié)點 ?

6、進階功能 ?