連接電腦在谷歌瀏覽器里進行真機調試
在ios上,小程序的javascript代碼是運行在javaScriptCore中,是由WKWebView來渲染的,環境有ios8、ios9、ios10
在Android上,小程序的javascirpt代碼是通過x5 jsCore來解析,是由X5基於Mobile Chrome 53內核渲染的
所以,我們要做的就是想辦法通過調試Webview來調試頁面布局,通過調試JSCore來調試邏輯代碼
一、安卓手機
①開啟usb調試,連接電腦
②安裝android-tools-abd包
sudo apt-get install android-tools-adb
abd devices 查看設備
③微信打開
勾選【打開TBS內核Inspector調試功能】
設置好之后,谷歌瀏覽器打開chrome://inspect/
選擇你的界面,點inspect即可開啟真機調試
二、IOS手機(未嘗試)
①下載工程IPAPatch.zip,用Xcode打開IPAPatch.xcodeproj
②配置開發者證書,從Xcode7之后,不需要開發者賬號,一個普通的AppleID即可
編寫測試用例
開啟調試
$ appium --chromedriver-executable /usr/local/chromedriver # 啟動Appium服務且指定chromedriver $ npm run weapp # 運行測試用例
開啟調試后手機會提示安裝調試工具,逐一安裝即可
安裝appium
一、 使用npm安裝
npm install -g appium
二、 使用Appium官方安裝包安裝
資料:
