Html5如何實現(xiàn)webview元素定位工具

這篇文章將為大家詳細講解有關Html5如何實現(xiàn)webview元素定位工具，小編覺得挺實用的，因此分享給大家做個參考，希望大家閱讀完這篇文章后可以有所收獲。

創(chuàng)新互聯(lián)從2013年成立，先為文昌等服務建站，文昌等地企業(yè)，進行企業(yè)商務咨詢服務。為文昌企業(yè)網站制作PC+手機+微官網三網同步一站式服務解決您的所有建站問題。

一、工具選擇

webview元素定位有三種方式：

• 使用driver.page_source方法，將獲取到的頁面內容寫入到一個html文件中，然后使用瀏覽器打開html文件，使用F12調試用具進行元素定位

• chrome瀏覽器自帶的調試工具 Developer Tools，在chrome瀏覽器中輸入：chrome://inspect#devices，該工具需要訪問國外的網站，因此需要翻墻

• 使用UC開發(fā)者調試工具，需要提前安裝，無需翻墻

綜上，推薦使用UC開發(fā)者調試工具

二、UC-devtools安裝

1.百度搜索“uc-devtools”

2.點擊進入安裝包下載頁面

3.下載Windows安裝包進行安裝

解壓后雙擊安裝，根據提示安裝，建議更改安裝路徑，安裝完成后，在安裝目錄下啟動應用程序

4.啟動前準備

啟動之前，依然要打開app的debug調試模式，手機需要打開“USB調試模式”，啟動后的界面如下：

5.設置為本地 Devtools Inspector UI 資源

三、UC-開發(fā)者調試工具的使用

開啟了UC-開發(fā)者調試工具后，手機開啟app到webview頁面，就會自動顯示webview相關信息

點開inspect，就會彈出html的頁面

這個結構就跟web的html頁面元素基本一致，我們可以通過該工具使用selenium的一些元素定位方法進行定位即可

四、匹配webview的chromedriver版本

我們從第三項關注到UC-開發(fā)者調試工具首頁顯示了chrome版本信息，當然該webview也需要有對應版本的chromedriver驅動去跟瀏覽器版本匹配，我們之前都是將chromedriver驅動文件放在了python的安裝目錄下，但是在這里因為每個webview都會涉及到不同的驅動版本，這時我們該如何管理呢？具體步驟如下：

下載對應chrome瀏覽器版本的chromedriver驅動

創(chuàng)建一個chromedriver驅動的不同版本管理目錄

將對應版本的chromedriver驅動放在對應的管理目錄下

指定chromedriver驅動，通過啟動參數chromedriverExecutable指定路徑

desired_caps['chromedriverExecutable'] = r'G:\ChromeVersionManagement\chromedriver70\chromedriver.exe'

關于“Html5如何實現(xiàn)webview元素定位工具”這篇文章就分享到這里了，希望以上內容可以對大家有一定的幫助，使各位可以學到更多知識，如果覺得文章不錯，請把它分享出去讓更多的人看到。

當前題目：Html5如何實現(xiàn)webview元素定位工具
鏈接地址：http://bm7419.com/article20/ijhjco.html

成都網站建設公司_創(chuàng)新互聯(lián)，為您提供網站制作、網站收錄、網站導航、網站改版、網頁設計公司、Google

廣告

聲明：本網站發(fā)布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創(chuàng)新互聯(lián)