M8Test 插件功能

安装环境

选择本地的M8Test环境压缩包解压到 ~/.m8test 目录下， 更多详细信息可以查看 M8Test开发环境

在 IntelliJ IDEA 中按下快捷键 Alt-T 依次选择 M8Test > 安装环境

在 Visual Studio Code 中按下快捷键 Ctrl-Shift-P 后输入 M8Test 再选择 安装环境

启动文档服务器

若网络环境无法访问在线文档，可通过启动本地文档服务器查看离线文档。在 IntelliJ IDEA 中按下快捷键 Alt-T 依次选择 M8Test > 启动文档服务器 ，在 Visual Studio Code 中按下快捷键 Ctrl-Shift-P 后输入 M8Test 再选择 启动文档服务器

点击下拉框，其中所有选项对应 ~/.m8test/docs 下的目录

选择需要的文档，然后点击 Ok

输入服务器启动的端口号，点击 Ok

如果启动成功则会显示文档服务器的信息，如下图所示，我们可以复制网址在浏览器打开即可查看对应的文档

如果端口已经被使用的话，那么会出现下面的对话框

选择 No 再重新选择没有被使用的端口

连接日志服务

如果需要在电脑端查看脚本运行时输出的日志，可以连接日志服务将安卓设备端的日志同步到电脑端。在 IntelliJ IDEA 中按下快捷键 Alt-T 依次选择 M8Test > 连接日志服务 ，在 Visual Studio Code 中按下快捷键 Ctrl-Shift-P 后输入 M8Test 再选择 连接日志服务

连接成功后可以在控制台查看安卓设备端的日志

启动投屏/Scrcpy

如果需要在电脑端查看安卓设备画面或者控制安卓设备，那么可以启动投屏/Scrcpy。在 IntelliJ IDEA 中按下快捷键 Alt-T 依次选择 M8Test > 启动投屏 ，在 Visual Studio Code 中按下快捷键 Ctrl-Shift-P 后输入 M8Test 再选择 启动Scrcpy

UI布局分析

启动UI布局分析服务

如需在电脑端查看安卓设备界面的UI布局，可使用此功能。在 IntelliJ IDEA 中按下快捷键 Alt-T ，依次选择 M8Test > UI布局分析 ；在 Visual Studio Code 中按下快捷键 Ctrl-Shift-P ，输入 M8Test 后选择 UI布局分析。

UI布局分析功能启动后，在浏览器中输入 https://uiauto.devsleep.com/ 即可打开，查看已通过adb连接的设备。

点击某个设备可查看详情。

查看节点层次结构

点击预览界面的第一个图标按钮，可进入节点查看模式。

点击预览界面上的某个节点，可查看节点详情及节点层次结构信息。

颜色拾取

点击预览界面的第二个图标按钮，可进入颜色拾取模式。

点击"颜色"按钮，将鼠标移动到预览界面上的任意位置，可查看该点的坐标及颜色值。点击预览界面可保存该点的坐标和颜色，点击"clear"按钮可清空已保存的颜色点信息。

控制手机

点击预览界面的第三个图标按钮，可进入控制模式。在预览界面的操作可直接控制手机，也可通过工具栏的工具执行"返回""主页""菜单"及音量增减功能。若工具栏未显示，可将预览界面向右侧扩大。

刷新界面

如需获取最新界面的节点信息或颜色信息，可点击刷新图标。

图色助手

如果需要在电脑端对安卓设备截图获取取色，可以使用图色助手。在 IntelliJ IDEA 中按下快捷键 Alt-T 依次选择 M8Test > 图色助手 ，在 Visual Studio Code 中按下快捷键 Ctrl-Shift-P 后输入 M8Test 再选择 图色助手

等待图色助手启动，启动后会显示如下界面

• 截图: 直接截取安卓设备的全屏到电脑端，截图成功后会显示出来

  

• 载入: 从电脑本地选择图片文件加载到图色工具中

• 保存: 将当前图片保存到本地文件系统

• 缩放图片: 点击下拉框选择缩放倍率，可以更好的对图片进行操作

  

• 选择区域: 在图片上按住鼠标左键不放选择需要的区域然后松开鼠标左键即可选择区域

  

• 裁图: 对选择的区域进行裁剪，选择好区域后点击裁图即可裁剪图片，如果需要保存裁剪好的图片则点击保存按钮即可

  

• 取色: 将鼠标移动到图片中的时候，会看到鼠标所在点附近区域的颜色

  

  点击即可获取鼠标所在点的颜色，选择到的颜色会在右边的列表中显示