313      阿裏雲  技術社區[雲棲]

碼棧開發手冊（五）---可視化方式開發（模塊詳解--瀏覽圖）

瀏覽器

打開網頁

用於操作內部瀏覽器打開一個新的網頁，或者獲取一個已經打開的網頁

1. 打開新網頁

   用於打開一個新的網頁
   在請選擇操作類型中選擇打開新網頁
   在打開網址中填寫需要打開的網頁地址，如 www.tmall.com
   

2. 捕獲已打開網頁

   2.1 根據標題匹配
   用於根據標題獲取已經打開的網頁
   在請選擇操作類型中選擇捕獲已打開網頁
   在捕獲方式中選擇根據標題匹配
   在匹配內容中輸入要捕捉的標題，如 天貓，這樣就能獲取標題中包含天貓的網頁

   2.2 根據網址匹配
   用於根據網址獲取已經打開的網頁
   在請選擇操作類型中選擇捕獲已打開網頁
   在捕獲方式中選擇根據網址匹配
   在匹配內容中輸入要捕捉的網址，如 tmall，這樣就能獲取網址中包含tmall的網頁

關閉網頁

用於關閉已經打開的網頁
在選擇已打開網頁中選擇之前打開的網頁，默認已經選取最近一次打開的網頁?

後退網頁

用於將瀏覽器退回到上一次打開的網頁
在選擇已打開網頁中選擇之前打開的網頁，默認已經選取最近一次打開的網頁?

轉到新網址

用於將已打開的網頁定位到新的網址
在選擇已打開網頁中選擇之前打開的網頁，默認已經選取最近一次打開的網頁
在新地址中輸入要打開的新的網址?

等待網頁加載完畢

在等待網頁完全加載完成後再執行後續操作
在選擇已打開網頁中選擇之前打開的網頁，默認已經選取最近一次打開的網頁

獲取網頁信息

用於獲取整個網頁的詳細信息，如網頁的文本內容、源代碼、網址(URL)等
在選擇已打開網頁中選擇之前打開的網頁，默認已經選取最近一次打開的網頁
在提取類型中相應的提取類型
文本: 網頁的文本內容，不包括圖片、標簽等信息
源代碼：網頁的源代碼
URL：網頁的網址

點擊網頁元素

模擬鼠標點擊的操作，可以用於點擊按鈕、下拉框、彈出框等

1. 捕獲網頁元素請參考這裏
2. 選擇點擊類型
   點擊: 用於點擊網頁元素
   彈出框點擊: 用於點擊網頁中的彈出框(提示框)
3. 網頁元素位置請參考這裏
4. 選擇已打開網頁，選擇之前打開的網頁，默認已經選取最近一次打開的網頁?

填寫輸入框內容

模擬鍵盤輸入的操作，可以用於輸入框、密碼框、富文本編輯區

1. 捕獲網頁元素請參考這裏
2. 輸入內容，填寫需要輸入到文本框中的內容
3. 網頁元素位置請參考這裏
4. 選擇已打開網頁，選擇之前打開的網頁，默認已經選取最近一次打開的網頁?

選擇下拉列表

用於選擇網頁中的下拉列表

1. 捕獲網頁元素請參考這裏
2. 匹配方式
   完全匹配: 選擇與匹配內容完全一致的匹配項
   模煳匹配: 選擇包含匹配內容的匹配項
   正則表達式: 選擇與匹配內容中正則表達式匹配的匹配項
   
3. 匹配內容，填寫需要用於匹配的文本內容或正則表達式
4. 網頁元素位置請參考這裏
5. 選擇已打開網頁，選擇之前打開的網頁，默認已經選取最近一次打開的網頁?

設置複選框

用於設置網頁中的複選框

1. 捕獲網頁元素請參考這裏
2. 設置複選框，選擇對複選框進行勾選還是取消勾選的操作
3. 網頁元素位置請參考這裏
4. 選擇已打開網頁，選擇之前打開的網頁，默認已經選取最近一次打開的網頁?

上傳文件

用於操作網頁中的上傳控件

1. 捕獲網頁元素請參考這裏
2. 選擇文件，點擊選擇文件選取一個用於上傳的本地文件，也可以直接在後麵的輸入框中輸入文件路徑
3. 網頁元素位置請參考這裏
4. 選擇已打開網頁，選擇之前打開的網頁，默認已經選取最近一次打開的網頁?

鼠標移動到網頁元素

模擬鼠標移動的操作，網頁中的有些元素需要將鼠標移動到某個地方才能顯示出來，可以通過此操作來完成

1. 捕獲網頁元素請參考這裏
2. 網頁元素位置請參考這裏
3. 選擇已打開網頁，選擇之前打開的網頁，默認已經選取最近一次打開的網頁?

拖拽網頁元素

網頁中的某些元素需要執行拖拽操作，如有些網站的驗證功能就是通過用戶拖動圖標來完成的

1. 捕獲網頁元素請參考這裏
2. 橫向拖動偏移量，元素在橫坐標位置拖動的距離，正數是從左向右拖動，負數是從右向左拖動
3. 豎向拖動偏移量，元素在縱坐標位置拖動的距離，正數是從上向下拖動，負數是從下向上拖動
4. 選擇已打開網頁，選擇之前打開的網頁，默認已經選取最近一次打開的網頁?

獲取網頁元素內容

獲取網頁元素的文本、值、源代碼、個數、勾選狀態等操作，與獲取網頁信息不同的是獲取網頁元素內容獲取的是元素的內容，獲取網頁信息獲取的是整個網頁的內容

1. 捕獲網頁元素請參考這裏
2. 提取類型
   文本: 獲取元素的文本內容，可用於提取文本類型元素的內容
   值: 獲取元素的值，可用於提取輸入框、密碼框、下拉框等元素的內容
   源代碼: 獲取元素的源代碼
   個數: 獲取錄製到的元素個數，隻有在錄製到多個元素的時候可用，一般在處理循環列表數據時使用
   勾選狀態: 獲取元素的勾選狀態，可用於複選框、單選框
   
3. 網頁元素位置請參考這裏
4. 選擇已打開網頁，選擇之前打開的網頁，默認已經選取最近一次打開的網頁?

等待網頁元素加載完成

等待網頁加載完成，一般由於某些延遲加載的網頁元素，該操作會暫停應用的執行，隻有在元素出現或超時後才會執行後續的操作

1. 捕獲網頁元素請參考這裏
2. 超時時間，最大的等待時間，單位為妙
3. 選擇已打開網頁，選擇之前打開的網頁，默認已經選取最近一次打開的網頁?

查找網頁中表格

根據指定的條件獲取網頁中的表格對象

1. 查找方式
   根據位置索引: 指定想要獲取的是第幾個表格
   根據表格內容: 根據提供的內容模煳匹配網頁中的表格
   根據表格源代碼: 根據提供的源代碼匹配網頁中的表格
   
2. 查找條件，填寫位置索引、表格內容、或源代碼
3. 選擇已打開網頁，選擇之前打開的網頁，默認已經選取最近一次打開的網頁?

讀取網頁中表格

讀取指定表格對象中的內容

1. 讀取類型
   總行數: 讀取表格的總行數
   總列數: 讀取表格的總列數
   單元格內容: 讀取指定行號、列號的單元格內容
   
2. 表格，選擇之前查找到的表格，默認已經選取最近一次獲取的表格?

查看表格格式

查看指定表格對象的內容格式，僅用於測試使用

1. 表格，選擇之前查找到的表格，默認已經選取最近一次獲取的表格?

捕獲網頁元素

用於捕獲網頁中的某一元素（如按鈕、輸入框、下拉框、文本），捕獲元素是所有交互型操作的基礎操作，下麵以在天貓網站輸入搜索關鍵字為例進行講解

1. 點擊捕獲網頁元素，點擊後會彈出錄製窗口?
2. 在錄製窗口中點擊開始錄製，進入錄製模式?
3. 將鼠標移動到瀏覽器中的輸入框，並點擊一次??經過上麵3步即可完成捕獲網頁元素的操作，關於錄製窗口的詳細功能，請參考錄製窗口

錄製窗口

1. 元素名稱
   用於區分控件，每次都會自動生成一個隨機的名字，可視化開發用戶可以忽略此選項
2. 操作驗證
   用於驗證本次錄製操作是否成功，與應用編寫無關，僅作為測試使用，如模擬輸入操作點擊驗證後會在輸入框中輸入"你好,碼棧"
3. 錄製結果
   用於拷貝錄製操作生成的代碼，可視化開發用戶可以忽略
4. 屬性編輯
   這裏是一個屬性列表，用來定位元素，有個別元素錄製後無法精準定位，可以通過添加、修改此屬性來自定義定位方式
5. 回顯
   點擊回顯後會在瀏覽器中高亮已捕獲的元素，與操作驗證一樣是用來測試本次錄製操作是否成功的

網頁元素位置

網頁元素位置隻有在捕獲到多個網頁元素時使用才有效，如果錄製的結果隻有一項，默認設置為1即可
比如在錄製一個列表的時候會錄製到多個列表項，如果想隻獲取第二個列表項，那麼網頁元素位置就設置為2

本文轉自碼棧平台

最後更新：2017-05-10 14:02:40

  上一篇： 碼棧開發手冊（五）---可視化方式開發（模塊詳解--數據視圖）

  下一篇： 碼棧開發手冊（五）---可視化方式開發（介紹）