【Python+Appium】开展自动化测试（四）使用weditor进行元素定位

淩亂°似流年 2023-10-07 21:28 24阅读 0赞

**目录**

前言

一，weditor的安装与使用

二，遇到的问题

结语

--------------------

### 前言 ###

上一篇我们讲到了如何通过编写一个简单的Python脚本完成了登录app的操作，如何断言，如何编写一条完整的用例。那么今天继续我们的自动化测试第四天，使用weditor进行元素定位，具体如何操作的我们往下看看吧。

### 一，weditor的安装与使用 ###

首选需要在电脑上配置好Python环境

*  下载安装命令如下，加上镜像下载速度更快：  
    **pip install weditor -i Simple Index**
 *  启动weditor命令：  
    **python -m weditor**
    
    此时会打开浏览器新建窗口如下
    
    ![336cc127c2f6f49bd3efea7556f2dfbe.png][]
 *  连接手机。输入**adb devices**命令，获取手机的设备id
 *  在浏览器editor页面，选择Android，输入手机的设备id，点击Connect按钮。按钮出现绿叶小图标，左侧出现手机页面的截图，说明成功。
 *  ps：**手机第一次连接，点击Connect时间会比较久，并且手机上会提示安装ATX与另外一个app，容许安装完成即可**。
    
    ![9bd9f3a46506c52a9fec925ccb4250c3.png][]
    
    app切换页面后，点击Dump Hierarchy按钮即可刷新，也可以在左侧app截图区域点击鼠标右键进行刷新。
 *  使用
    
    1，鼠标点击选中左侧截图需要定位的区域后，会在页面中间显示该元素的各种属性。
    
    2，勾选中间 "强制使用XPath" 则会将XPath展示在代码栏，不勾选则代码栏展示的是元素其他属性，如text、resourceId等。
    
    3，右侧下部分Hierarchy，显示app当前页面UI的层级结构。Console为控制台，可来回切换。
    
    ![6933aff8e3255a675718643dc0a98a4c.png][]
    
    4，右侧上部分可以输入代码，进行操作步骤的调试。如：从今日头条的首页-->放映厅-->电影-->喜剧页面，将中间代码栏的代码输入到右侧，点击运行，我们就可以在手机上看到app从首页进入喜剧电影页。

### ![4c011c73f6064270958b239e20448caa.png][] ###

### 二，遇到的问题 ###

*  左侧黑屏
    
    点击Connect出现绿叶图标后，发现左侧手机截图黑屏，鼠标又可以在黑屏上是选择页面元素。我们当然不可能靠这样抓瞎来定位元素。于是就去网上查找资料，未找到解决方法，重新启动webitor也没用。于是我尝试在这个界面做各种操作尝试，一顿令人窒息的操作之后......把 “静态/实时开关” 来回切花就成功了。

![96303f0e4bcac4e19fb903504f81c7e0.png][]

### 结语 ###

这篇贴子到这里就结束了，最后，希望看这篇帖子的朋友能够有所收获。

**有什么不懂或是不理解的地方欢迎在评论区和我互动交流，也可以私❤我【Python+appium】咨询**

如果你觉得文章还不错，请大家 **点赞、分享、留言** 下，因为这将是我持续输出更多优质文章的最强动力！

[336cc127c2f6f49bd3efea7556f2dfbe.png]: https://img-blog.csdnimg.cn/img_convert/336cc127c2f6f49bd3efea7556f2dfbe.png
[9bd9f3a46506c52a9fec925ccb4250c3.png]: https://img-blog.csdnimg.cn/img_convert/9bd9f3a46506c52a9fec925ccb4250c3.png
[6933aff8e3255a675718643dc0a98a4c.png]: https://img-blog.csdnimg.cn/img_convert/6933aff8e3255a675718643dc0a98a4c.png
[4c011c73f6064270958b239e20448caa.png]: https://img-blog.csdnimg.cn/4c011c73f6064270958b239e20448caa.png
[96303f0e4bcac4e19fb903504f81c7e0.png]: https://img-blog.csdnimg.cn/img_convert/96303f0e4bcac4e19fb903504f81c7e0.png