zoukankan      html  css  js  c++  java
  • App Inspector-iOS真机功能详解

    前言:

    App Inspector:浏览器端的移动设备 UI 查看器,使用树状态结构查看 UI 布局,自动生成 XPaths。官网:https://macacajs.github.io/app-inspector/cn/


    本次教程仅支持iOS,Mac


    一、环境安装:

    1、安装Node.js

    brew install node

    2、安装macaca

    npm i -g macaca-cli

    3、安装 ideviceinstaller

    brew install ideviceinstaller

    4、安装 usbmuxd

    brew install usbmuxd

    5、安装iOS驱动

    npm i macaca-ios -g

    6、安装App Inspector

    npm install app-inspector -g


    二、安装XCTestWD

    1、进入App Inspector安装目录下XCTestWD文件夹,具体路径参照自己的路径,可以通过find命令查找。

    cd /usr/local/lib/node_modules/app-inspector/node_modules/xctestwd/XCTestWD

    2、用xcode打开XCTestWD.xcodeproj文件image.png

    3、每个文件修改Bundle id和添加Team,请按下图操作步骤更改。Bundle id可自定义。image.pngimage.pngimage.pngimage.pngimage.png4、项目文件直接编译,test结尾的文件build for Testing。编译成功即可。


    三、将 TEAM_ID 通过环境变量传入覆盖安装App Inspector、iOS驱动

    1、获取你的TEAM_ID ,见下图。image.png
    2、覆盖安装iOS驱动

    DEVELOPMENT_TEAM_ID=TEAM_ID npm i macaca-ios -g

    3 、覆盖安装App Inspector

    DEVELOPMENT_TEAM_ID=TEAM_ID npm install app-inspector -g


    四、使用App Inspector
    1、获取测试机uuid,并执行以下命令:

    app-inspector -u DEVICE-ID

    2、chrome浏览器自动打开地址:http://192.168.21.101:5678/ (推荐用 Chrome 浏览器)image.png
    3、点击页面元素,即可获取元素xpath,name
    4、若切换页面,需现在手机上切换,然后刷新浏览器,则获取手机的最新页面。


    以上~

  • 相关阅读:
    使用xfire
    db2 存储过程编写定义
    mac下使用eclipse的svn报错问题

    nsis打包过程
    mac快捷键以及增加桌面
    struts2 无法访问static目录下的内容的解决办法
    linux下安装db2
    ORACLE01034错误解决
    cannot restore segment prot after reloc: Permission denied
  • 原文地址:https://www.cnblogs.com/xiaoxi-3-/p/9088670.html
Copyright © 2011-2022 走看看