连接电脑在谷歌浏览器里进行真机调试
在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官方安装包安装
资料: