开发工具说明

概述

  • mgc-develop-tool是一款基于web的在线编辑器,提供了可用于扫描分析安卓设备上当前显示的UI组件的图形用户界面。这个工具可以被用于查看页面排版的层次体系和设备前台可见的UI组件的属性,界面效果如下图:

    avatar

  • mgc-jupyter是一个基于web的python运行环境,可以用于编写代码,运行代码,查看输出。

1. mgc-develop-tool详细介绍

1. 1 连接步骤

  • 在小融多控APP上查看设备的IP。
  • 设备和PC同局域网下,在PC端通过chrome浏览器打开http://设备IP:17310,端口号为17310。强烈建议使用chrome浏览器。
  • 如果设备接入一个闲置手机,则工具在web打开后会自动连接上这个手机。工具同时只支持连接一个手机,如果设备上接入的手机个数大于1,需要切换连接的手机,可通过点击“开发工具”一栏中的设备列表获取手机serial num,把serial num填到Connect前的文本框中,点击“Connect”按钮出现小麦穗后表明已连接对应手机。

1. 2 功能展示

  • 开发工具栏,文本框用于输入手机serial num后连接手机,如下图中的dba7b259,Connect按钮用于连接文本框中指定的serial num对应的手机,点击“Connect”按钮出现小麦穗后表明已连接对应手机; Dump Hierarchy按钮用于更新区域一中手机上页面和区域四中Hierarchy页面显示的手机页面排版的层次体系; 断开连接按钮,在执行区域三中python代码如果其中有while循环不能退出时可通过点击“断开连接”按钮,中断执行,断开手机连接,之后可再次连接手机重新调试; 设备列表按钮用于获取手机serial num,在文本框中输入对应手机serial num后连接手机;

    avatar

  • 区域一用于在点击Dump Hierarchy后呈现手机上的页面内容,其中Home键和Back键可作为模拟按键发送给手机:

    avatar

  • 区域二中显示的是区域一中选中的控件信息,点击区域一中要获取的控件,可直接获取相关代码,可以通过ResourceId,Text,Description或者ClassName定位到相关的控件:

    avatar

  • 区域三用于python代码的调试,代码编写完成后可点击“运行”按钮,执行代码,代码中如果有while循环,可通过开发工具一栏”断开连接“,停止当前的执行,重新连接开始调试:

    avatar

  • 区域四中Hierarchy页面显示当前手机页面排版的层次体系:

    avatar

  • 区域四中Console页面显示区域三中python代码执行后的结果输出:

    avatar

  • 如果执行过程中有异常也会在Console页面中显示:

    avatar

2. mgc-jupyter详细介绍

2. 1 连接步骤与功能展示

  • 在小融多控APP上查看设备的IP。

  • 设备同PC在局域网下,PC通过浏览器打开http://设备IP:19103,端口号为19103。

  • 输入密码:dev 后进入:

    avatar

  • 点击页面右侧的“New”选项,选择“Python 3”,进入python代码编写运行环境:

    avatar

  • 在文本编辑框中编写代码,完成后点击“运行”,开始代码运行并输出结果:

    avatar

  • 代码运行过程中,如果想要中断运行,可点击“运行”右边的中断服务按钮,可中断当前运行状态:

    avatar