目錄
- 1、先了解什麼是Hybrid（混合）
- 2、識别Webview
- 3、context上下文
- 4、Webview和原生頁面之前的切換
- 5、綜合練習
我們之前說過的所有操作，都是對原生頁面的操作。
在手機APP中，除了原生頁面，還是有
Webview
頁面（也就是H5頁面），下面我們就說說對
Webview
頁面的操作。
移動混合應用程式的App，即在移動應用程式中嵌入了
Webview
，通過
Webview
通路網頁。
移動應用和
Webview
分别屬于兩個不同的上下文，移動應用預設的
Context
為
”NATIVE_APP”
，
Webview
預設的
Context
”WEBVIEW_被測程序名稱”
。
在測試
Webview
中的網頁内容時，需要切換到
Webview
的
context
下。（就相當于在APP中開啟了一個新的頁面。）
用
UI Automator Viewer
定位工具檢視頁面，發現頁面上有些區域無法定位到，如下圖左邊紅色區域，隻能定位到這個大框框，紅色框裡面的元素是無法識别的。
這時候可以檢視元素屬性，如圖它的
class
屬性，上面寫着
android.webkit.WebView
，那毫無疑問這種頁面就是
Webview
了。
（1）
context
的中文翻譯是上下文，環境。
當然學過Selenium的同學，也可以了解為句柄（
handle
），其實是一回事，反正知道是兩個不同的環境就行了。
（2）先擷取頁面是
contexts
環境，如下圖紅色區域，擷取的是一個
list
清單，這個清單包含了該界面中所有的頁面，包括原生頁面（
native
）和
Webview
頁面。
NATIVE_APP
：這個就是
native
，也就是原生的頁面。
WEBVIEW_com.xxxx
Webview
（3）當看到列印出來如有
['NATIVE_APP', 'WEBVIEW_com.baidu.searchbox']
的資訊，就說明擷取到
Webview
context
了（當然也有的APP有坑，可能明明有
Webview
，卻通過
contexts
擷取不到，這種需要特殊處理了）。
要想操作
Webview
上的元素，第一步需要切換環境（跟Selenium的切換
iframe
，切換
handle
思路是一樣）
- 原生頁面切換
Webview
switch_to.context(參數是具體webview的context)
-
Webview
switch_to.context(原生頁面的context)
# 調用方式
# 由于已經擷取到contexts了，是一個list對象，取這個list的第二個參數就行，也就是contexts[1]
# contexts = ['NATIVE_APP', 'WEBVIEW_com.baidu.searchbox']
# 1.切換到webview
driver.switch_to.context(contexts[1])
# 2.切換到原生
driver.switch_to.context(contexts[0])
提示：
下面練習中，我把Android虛拟機的系統換成5.1.1版本了，7.1.2版本的Android虛拟機擷取不到
頁面的Webview
，未找到原因。context
"""
1.學習目标
必須掌握APP中webview頁面的操作方法
2.操作步驟
2.1 webview頁面概念----H5頁面
2.2 識别webview頁面
借助元素定位工具,如果無法擷取頁面局部元素,隻能定位整個頁面,
該頁面他的class屬性值=android.webkit.webview,則該頁面是webview頁面
2.3 操作webview頁面---相當于selenium中iframe操作步驟
1.擷取到webview頁面的context
擷取所有contexts包括原生頁面和webview
driver.contexts
擷取目前context
driver.current_context
2.進入webview
driver.swith_to.context(具體webview頁面的context值)
3.操作webview頁面中的元素
操作方法和selenium中操作web頁面是一緻的
借助chrome://inspect(需要梯子)
操作過程中,注意chromedriver和手機本身浏覽器核心版本比對
4.退出webview 等同于進入native
回到原生頁面
driver.switch_to（"NATIVE-APP"）
3.需求
在百度appl操作webview頁面：微網誌登入頁面
"""
# 1.導入appium和TouchAction
import time
from appium import webdriver
# 2.建立Desired capabilities對象，添加啟動參數
desired_caps = {
"platformName": "Android", # 系統名稱
"platformVersion": "5.1.1", # 系統版本
"deviceName": "127.0.0.1:21503", # 裝置名稱
"appPackage": "com.baidu.searchbox", # APP包名
"appActivity": ".MainActivity" # APP啟動名
}
# 3.啟動APP
driver = webdriver.Remote("http://127.0.0.1:4723/wd/hub", desired_caps)
# 4.操作APP
# 4.1 點選未登入
driver.wait_activity(".MainActivity", 10)
driver.find_element_by_android_uiautomator('new UiSelector().text("未登入")').click()
# 4.2 點選微網誌登入按鈕
driver.wait_activity(".MainActivity", 10)
driver.find_element_by_accessibility_id("微網誌登入").click()
# 4.3 擷取頁面所有的context
# 指native（原生）頁面和webview頁面
driver.wait_activity("com.sina.weibo.sdk.web.WeiboSdkWebActivity", 15)
contexts = driver.contexts
# 輸出結果：['NATIVE_APP', 'WEBVIEW_com.baidu.searchbox']
# 'NATIVE_APP' ： 代表原生頁面
# 'WEBVIEW_com.baidu.searchbox' ： 代表webview頁面
print(contexts)
# 4.3 進入webview中
driver.switch_to.context(contexts[1])
# 檢視目前頁面的context
print(driver.current_context)
time.sleep(5)
# 4.4 操作webview頁面元素
# 定位微網誌登入頁面的郵箱/手機輸入框。并輸入内容
# 操作方法和selenium中操作web頁面是一緻的
username = driver.find_element_by_id("loginName")
# 如果需要輸入中文，需要在Desired capabilities對象中添加兩個配置項
# "unicodeKeyboard": True,
# "resetKeyboard": True
username.send_keys("123456")
# 這裡有幾點需要注意：
# 1.在webview頁面定位元素需要借助chrome://inspect工具
# 在chrome://inspect中找打目前打開的webview頁面（具體操作可以看之前的文章）
# 注意：chrome://inspect的使用需要梯子。
# 2.注意chromedriver和手機本身浏覽器核心版本比對
# 否則定位不到元素，還會報錯，如下：
# WebDriverException ： Original error: No Chromedriver found that can automate Chrome '39.0.0'.
# 意思是WebDriver的操作：未找到可自動執行Chrome '39.0.0' 版本的Chromedriver驅動
# 說明一下：在webview中的操作和selenium中的操作是一緻的
# 所需webview中操作的執行也是需要Google浏覽器的驅動。
# 在Android手機中，浏覽器的核心都是Google的，
# Google浏覽器的核心版本是多少，報錯中已經給出提示。
# 如上報錯資訊中提示的是'39.0.0' 版本，
# 我們就需要找一個'39.0.0' 版本對應的的Chromedriver驅動
# （下載下傳一個2.13版本的Chromedriver驅動就可以對應'39.0.0' 版本的Google浏覽器）
# 然後把該Chromedriver驅動放入Appium的安裝目錄中，具體位置如下：
# C:\Users\L\AppData\Local\Programs\Appium\resources\app\node_modules\appium\node_modules\appium-chromedriver\chromedriver\win
# 把之前的删除掉，或者備份一下。
# 4.5 退出webview 進入native(原生頁面)
driver.switch_to.context(contexts[0])
# 檢視目前頁面的context
print(driver.current_context)
time.sleep(3)
# 點選關閉微網誌登陸頁面
driver.find_element_by_android_uiautomator('new UiSelector().text("關閉")').click()
# 5.關閉APP
time.sleep(3)
driver.quit()