Hamibot 的控件检测工具主要运行在手机端，但你可以通过电脑投屏软件（如 Scrcpy）将手机画面同步到电脑上进行操作和查看。以下是具体方法：

1. 使用手机端界面工具（推荐）

这是最直接的方式，配合电脑投屏即可在电脑上看到结果。

操作步骤：

1. 打开 Hamibot App：确保手机已连接网络并登录账号。
2. 进入调试模式：点击 App 右上角的图标（通常是三个点或菜单图标），选择「设备调试」或「日志」页面。
3. 查找控件：在搜索框输入关键词（如“提交”），系统会列出匹配的控件信息。
4. 查看详情：点击列表中的控件，可以看到其 id、text、bounds 等详细信息。
5. 获取选择器：记录控件的 id 属性，格式通常为 包名:id/控件 id，例如 com.tencent.mm:id/send_btn。如果不指定包名，脚本会自动补全当前应用包名。

2. 使用脚本可视化验证

如果界面上没有直接显示控件树，可以使用脚本在屏幕上绘制控件边界来辅助定位。

代码示例：

// 文档地址 https://docs.hamibot.com/reference/canvas

function main() {
    // 查找目标控件
    var btn = text("提交").findOne(5000);
    
    if (btn) {
        // 获取控件坐标
        var rect = btn.bounds();
        
        // 创建画布
        var c = canvas.init();
        c.drawColor("#000000"); // 黑色背景
        
        // 绘制红色矩形框
        c.drawRect(rect.left, rect.top, rect.right, rect.bottom, "#FF0000");
        
        // 显示画布
        c.show();
        
        toast("控件已定位，请查看屏幕上的红框");
        sleep(3000);
        c.close();
    } else {
        toast("未找到控件");
    }
}

main();

3. 远程调试页面

如果你需要在电脑浏览器上直接查看设备状态，可以通过控制台的远程调试功能访问。

• 在控制台设备管理页面，找到对应的设备。
• 点击「设备调试」链接（即 /inspector 路径）。
• 该页面会展示当前设备的控件层级树，方便你在电脑上分析结构。

注意事项

1. 权限开启：确保手机已授予 Hamibot「悬浮窗」和「无障碍服务」权限，否则无法捕获控件信息。
2. 网络环境：远程调试需要手机和控制台处于同一网络或互联网通畅。
3. 控件唯一性：优先使用 id 属性选择控件，如果 id 为 null，则需结合 text 或 className 进行筛选。

详细的技术文档和 API 接口说明，请访问：https://docs.hamibot.com/reference/canvas