Hybrid App（混合模式移動應(yīng)用）是介于 Web-app、Native-app 之間的 app，本質(zhì)上是 Native-app 中嵌入 WebView 組件，在 WebView 組件里可以訪問 Web App。Hybrid App 在給用戶良好交互體驗的同時，還具備了 Web App 的跨平臺、熱更新機(jī)制等優(yōu)勢。

Android WebView 在 Android 平臺上是一個特殊的 View，用它來展示網(wǎng)頁內(nèi)容。WebView 內(nèi)部實現(xiàn)是采用渲染引擎來展示 View 的內(nèi)容，提供網(wǎng)頁前進(jìn)后退、網(wǎng)頁放大、縮小、搜索等功能。使用 WebView 進(jìn)行測試需要開發(fā)人員配合打開一個 WebView 的開關(guān)。

WebView開關(guān)

WebView 是手機(jī)應(yīng)用內(nèi)嵌的瀏覽器，在 Android 4.4 之前 WebView 內(nèi)核采用的是 WebKit，Android 4.4 之后才用的是 Chrome 作為內(nèi)置瀏覽器。它是用來加載 HTML 頁面的控件。在模擬器（android6.0 版本）中是默認(rèn)打開 WebView 開關(guān)的，可以直接調(diào)試和測試 WebView。真機(jī)測試時，必須在應(yīng)用中打開 WebView 調(diào)試開關(guān)。要啟用 WebView 調(diào)試，請在 WebView 類上調(diào)用靜態(tài)方法 setWebContentsDebuggingEnabled。

if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT) {    if (0 != (getApplicationInfo().flags &/     ApplicationInfo.FLAG_DEBUGGABLE))    { WebView.setWebContentsDebuggingEnabled(true); }}

開啟這個開關(guān)之后，手機(jī)端打開被測的 WebView 頁面，然后在電腦端 Chrome 瀏覽器地址欄錄入 “chrome://inspect” 將顯示設(shè)備上的 WebView 列表。

點擊想要調(diào)試的 WebView 下方的 inspect 鏈接，就可以查看這個頁面的源代碼了。通過源代碼就可以查看并確定元素定位表達(dá)式了。

如果遇到 Chrome 瀏覽器版本和 Chromedriver 版本不匹配的問題，可以參見：https://ceshiren.com/t/topic/3275

WebView 測試

切換到 WebView 頁面，就可以使用 Selenium 操作元素。

driver.switch_to.context 方法可以從原生頁面切換到 WebView 頁面，示例代碼如下：

webview = driver.contexts[-1]driver.switch_to.context(webview)

WebView 案例

雪球案例，打開雪球應(yīng)用，點擊“交易”，點擊“A 股開戶”進(jìn)入到開戶頁，驗證頁面正確。如下圖：

實現(xiàn)的代碼片斷如下：

def test_webview(self):    # 點擊交易    self.driver.find_element(MobileBy.XPATH, "http://*[@text="交易"]").click()    # 打印當(dāng)前頁面有哪些上下文    print(self.driver.contexts)    e = self.driver.contexts    for context in self.driver.contexts[::-1]:        if "webview" in context.lower():            aim = context            break    # 切換上下文    self.driver.switch_to.context(aim)    # 點擊"A股開戶"    print(self.driver.window_handles)    A_locator = (MobileBy.XPATH, "http://*[@id="Layout_app_3V4"]/div/div/ul/li[1]/div[2]/h1")    WebDriverWait(self.driver, 10).until(expected_conditions.element_to_be_clickable(A_locator))

進(jìn)入到 APP 后，打開一個包含 H5 的頁面，系統(tǒng)默認(rèn)是 Native 的上下文。如果要操作 H5 上的元素，則需要切換到 WEBVIEW 的上下文。

上面的代碼先通過 driver.contexts 找到所有的 contexts（即上下文），循環(huán)遍歷這個contexts，找到目標(biāo)的 WEBVIEW，然后切換到這個 WEBVIEW 中，再執(zhí)行相應(yīng)的操作。這時就可以使用 Selenium 的定位方式到 H5 頁面的元素了。

app自動化測試（Android）Andriod WebView測試就講完了，大家學(xué)會了么？我們下一期為大家講解微信小程序測試，有興趣的小伙伴可以關(guān)注一下哦！

以上筆者的經(jīng)歷更像一張橫向的知識網(wǎng)，創(chuàng)建了一個交流平臺 914172719 ，群內(nèi)有各種技術(shù)同行交流、學(xué)習(xí)資料、面試經(jīng)驗等。其中用到j(luò)enkins、docker、moutebank、python編程等，還需要花更多的精力去深入學(xué)習(xí)，當(dāng)每項技能都能掌握到一定深度，才能稱為一個完整的知識體系。

最后： 可以關(guān)注公眾號：傷心的辣條 ！ 進(jìn)去有許多資料共享！資料都是面試時面試官必問的知識點，也包括了很多測試行業(yè)常見知識，其中包括了有基礎(chǔ)知識、Linux必備、Shell、互聯(lián)網(wǎng)程序原理、Mysql數(shù)據(jù)庫、抓包工具專題、接口測試工具、測試進(jìn)階-Python編程、Web自動化測試、APP自動化測試、接口自動化測試、測試高級持續(xù)集成、測試架構(gòu)開發(fā)測試框架、性能測試、安全測試等。

如果我的博客對你有幫助、如果你喜歡我的博客內(nèi)容，請 “點贊” “評論” “收藏” 一鍵三連哦！

好文推薦

轉(zhuǎn)行面試，跳槽面試，軟件測試人員都必須知道的這幾種面試技巧！

面試經(jīng)：一線城市搬磚！又面軟件測試崗，5000就知足了…

面試官：工作三年，還來面初級測試？恐怕你的軟件測試工程師的頭銜要加雙引號…

什么樣的人適合從事軟件測試工作？

那個準(zhǔn)點下班的人，比我先升職了…

測試崗反復(fù)跳槽，跳著跳著就跳沒了…