天天看點

碼棧開發手冊(五)---可視化方式開發(子產品詳解--浏覽圖)

用于操作内部浏覽器打開一個新的網頁,或者擷取一個已經打開的網頁

打開新網頁

用于打開一個新的網頁

在<code>請選擇操作類型</code>中選擇<code>打開新網頁</code>

在<code>打開網址</code>中填寫需要打開的網頁位址,如 www.tmall.com

碼棧開發手冊(五)---可視化方式開發(子產品詳解--浏覽圖)

捕獲已打開網頁

2.1 根據标題比對

用于根據标題擷取已經打開的網頁

在<code>請選擇操作類型</code>中選擇<code>捕獲已打開網頁</code>

在<code>捕獲方式</code>中選擇<code>根據标題比對</code>

在<code>比對内容</code>中輸入要捕捉的标題,如 天貓,這樣就能擷取标題中包含天貓的網頁

碼棧開發手冊(五)---可視化方式開發(子產品詳解--浏覽圖)

2.2 根據網址比對

用于根據網址擷取已經打開的網頁

在<code>捕獲方式</code>中選擇<code>根據網址比對</code>

在<code>比對内容</code>中輸入要捕捉的網址,如 tmall,這樣就能擷取網址中包含tmall的網頁

碼棧開發手冊(五)---可視化方式開發(子產品詳解--浏覽圖)

用于關閉已經打開的網頁

在<code>選擇已打開網頁</code>中選擇之前打開的網頁,預設已經選取最近一次打開的網頁 

碼棧開發手冊(五)---可視化方式開發(子產品詳解--浏覽圖)

用于将浏覽器退回到上一次打開的網頁

碼棧開發手冊(五)---可視化方式開發(子產品詳解--浏覽圖)

用于将已打開的網頁定位到新的網址

在<code>選擇已打開網頁</code>中選擇之前打開的網頁,預設已經選取最近一次打開的網頁

在<code>新位址</code>中輸入要打開的新的網址 

碼棧開發手冊(五)---可視化方式開發(子產品詳解--浏覽圖)

在等待網頁完全加載完成後再執行後續操作

碼棧開發手冊(五)---可視化方式開發(子產品詳解--浏覽圖)

用于擷取整個網頁的詳細資訊,如網頁的文本内容、源代碼、網址(url)等

在<code>提取類型</code>中相應的提取類型

文本: 網頁的文本内容,不包括圖檔、标簽等資訊

源代碼:網頁的源代碼

url:網頁的網址

碼棧開發手冊(五)---可視化方式開發(子產品詳解--浏覽圖)

模拟滑鼠點選的操作,可以用于點選按鈕、下拉框、彈出框等

<code>選擇點選類型</code>

點選: 用于點選網頁元素

彈出框點選: 用于點選網頁中的彈出框(提示框)

<code>選擇已打開網頁</code>,選擇之前打開的網頁,預設已經選取最近一次打開的網頁 

碼棧開發手冊(五)---可視化方式開發(子產品詳解--浏覽圖)

模拟鍵盤輸入的操作,可以用于輸入框、密碼框、富文本編輯區

<code>輸入内容</code>,填寫需要輸入到文本框中的内容

碼棧開發手冊(五)---可視化方式開發(子產品詳解--浏覽圖)

用于選擇網頁中的下拉清單

<code>比對方式</code>

完全比對: 選擇與<code>比對内容</code>完全一緻的比對項

模糊比對: 選擇包含<code>比對内容</code>的比對項

正規表達式: 選擇與<code>比對内容</code>中正規表達式比對的比對項

<code>比對内容</code>,填寫需要用于比對的文本内容或正規表達式

碼棧開發手冊(五)---可視化方式開發(子產品詳解--浏覽圖)

用于設定網頁中的複選框

<code>設定複選框</code>,選擇對複選框進行<code>勾選</code>還是<code>取消勾選</code>的操作

碼棧開發手冊(五)---可視化方式開發(子產品詳解--浏覽圖)

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

<code>選擇檔案</code>,點選<code>選擇檔案</code>選取一個用于上傳的本地檔案,也可以直接在後面的輸入框中輸入檔案路徑

碼棧開發手冊(五)---可視化方式開發(子產品詳解--浏覽圖)

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

碼棧開發手冊(五)---可視化方式開發(子產品詳解--浏覽圖)

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

<code>橫向拖動偏移量</code>,元素在橫坐标位置拖動的距離,正數是從左向右拖動,負數是從右向左拖動

<code>豎向拖動偏移量</code>,元素在縱坐标位置拖動的距離,正數是從上向下拖動,負數是從下向上拖動

碼棧開發手冊(五)---可視化方式開發(子產品詳解--浏覽圖)

擷取網頁元素的文本、值、源代碼、個數、勾選狀态等操作,與<code>擷取網頁資訊</code>不同的是<code>擷取網頁元素内容</code>擷取的是元素的内容,<code>擷取網頁資訊</code>擷取的是整個網頁的内容

<code>提取類型</code>

文本: 擷取元素的文本内容,可用于提取文本類型元素的内容

值: 擷取元素的值,可用于提取輸入框、密碼框、下拉框等元素的内容

源代碼: 擷取元素的源代碼

個數: 擷取錄制到的元素個數,隻有在錄制到多個元素的時候可用,一般在處理循環清單資料時使用

勾選狀态: 擷取元素的勾選狀态,可用于複選框、單選框

碼棧開發手冊(五)---可視化方式開發(子產品詳解--浏覽圖)

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

<code>逾時時間</code>,最大的等待時間,機關為妙

碼棧開發手冊(五)---可視化方式開發(子產品詳解--浏覽圖)

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

<code>查找方式</code>

根據位置索引: 指定想要擷取的是第幾個表格

根據表格内容: 根據提供的内容模糊比對網頁中的表格

根據表格源代碼: 根據提供的源代碼比對網頁中的表格

<code>查找條件</code>,填寫位置索引、表格内容、或源代碼

碼棧開發手冊(五)---可視化方式開發(子產品詳解--浏覽圖)

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

<code>讀取類型</code>

總行數: 讀取表格的總行數

總列數: 讀取表格的總列數

單元格内容: 讀取指定行号、列号的單元格内容

<code>表格</code>,選擇之前查找到的表格,預設已經選取最近一次擷取的表格 

碼棧開發手冊(五)---可視化方式開發(子產品詳解--浏覽圖)

檢視指定表格對象的内容格式,僅用于測試使用

碼棧開發手冊(五)---可視化方式開發(子產品詳解--浏覽圖)

用于捕獲網頁中的某一進制素(如按鈕、輸入框、下拉框、文本),捕獲元素是所有互動型操作的基礎操作,下面以在天貓網站輸入搜尋關鍵字為例進行講解

點選<code>捕獲網頁元素</code>,點選後會彈出錄制視窗 

碼棧開發手冊(五)---可視化方式開發(子產品詳解--浏覽圖)

在錄制視窗中點選<code>開始錄制</code>,進入錄制模式 

碼棧開發手冊(五)---可視化方式開發(子產品詳解--浏覽圖)

将滑鼠移動到浏覽器中的輸入框,并點選一次 

碼棧開發手冊(五)---可視化方式開發(子產品詳解--浏覽圖)
碼棧開發手冊(五)---可視化方式開發(子產品詳解--浏覽圖)

元素名稱

用于區分控件,每次都會自動生成一個随機的名字,可視化開發使用者可以忽略此選項

操作驗證

用于驗證本次錄制操作是否成功,與應用編寫無關,僅作為測試使用,如<code>模拟輸入</code>操作點選<code>驗證</code>後會在輸入框中輸入"你好,碼棧"

錄制結果

用于拷貝錄制操作生成的代碼,可視化開發使用者可以忽略

屬性編輯

這裡是一個屬性清單,用來定位元素,有個别元素錄制後無法精準定位,可以通過添加、修改此屬性來自定義定位方式

回顯

點選<code>回顯</code>後會在浏覽器中高亮已捕獲的元素,與<code>操作驗證</code>一樣是用來測試本次錄制操作是否成功的

<code>網頁元素位置</code>隻有在捕獲到多個網頁元素時使用才有效,如果錄制的結果隻有一項,預設設定為1即可

比如在錄制一個清單的時候會錄制到多個清單項,如果想隻擷取第二個清單項,那麼<code>網頁元素位置</code>就設定為2

本文轉自碼棧平台

繼續閱讀