远程调试示例

Posted by Vove on September 29, 2018 浏览量:

远程调试示例

文章不免有疏漏,欢迎在Issues中指出

插件更新日志

0.0.3

  • 支持代码推送App新建指令
  • 支持代码复制至手机剪切板
  • 更改底部图标
  • 添加 app-1.3.3版 api提示

查看完整日志

当然,此调试非彼调试

功能简介

  • 远程控制手机脚本的执行与停止
  • 选择部分代码执行
  • 执行命令
  • 代码提示
  • 状态栏快捷按钮
  • 代码推送App新建指令
  • 代码复制至手机剪切板

安装方法

  1. 下载安装Visual Studio Code

  2. 在线安装
    目前插件已发布到商店,在商店搜索vassist-debbuger安装即可。

  3. 离线安装
    安装插件点击下载 V-Assist Debugger-0.0.3 下载失败请使用EdgeChrome浏览器。离线安装方法如图:

选择下载的vassist-debugger-0.0.3.vsix

安装完成,重启Vscode

调试示例

  • 连接手机

获取手机IP,将手机与PC连接至同一网络(在一局域网即可),有多种选择:

  1. 手机与电脑通过路由器连接,在App内调试的下方查看IP(推荐)
  2. 手机开热点,PC连接,此时手机IP一般为192.168.43.1,手机端显示IP可能不准确
  3. 电脑开热点,手机连接,在App内调试的下方查看IP
  4. 手机通过adb连接,pc端执行adb forward tcp:1527 tcp:1527,输入IP:127.0.0.1

App内IP如图:

  • 在Vscode中使用F1键打开命令面板,输入vassist connect选择VAssist Connect 回车

  • 在弹出的输入框中,输入手机IP

此时你的App调试服务可能已经自动关闭,手动重新开启,确保正常连接

在回车后,会出现连接成功提示,手机也会弹框提示,若两次失败,请重新打开App调试,再次连接

在执行命令后,插件已被唤醒,在状态栏就会显示几个快捷图标,如图 从左到右依次是

  1. 连接手机
  2. 断开连接
  3. 执行
  4. 停止运行
  5. 执行命令
  6. 输出屏幕布局
  7. 将代码发送至手机,并跳转至新建[全局]指令页面
  8. 将代码发送至手机,并跳转至新建[应用内]指令页面
  9. 将内容复制到手机剪切板
  • 现在新建一个文件

这里以lua为例

输入

toast("来自PC")
print("来自App")

ctrl+s另存为demo.lua,保存后 点击运行,即可在手机上看到弹框(来自PC) 在vscode下方输出栏看到(来自App)

这里可以选择Vscode编辑器部分代码进行执行,如用鼠标选择toast("来自PC") 然后运行,而看到效果

  • 执行命令
  1. 点击状态栏无线图标的按钮的按钮
  2. 在弹框中输入命令即可,如打开手电,回车后在App即可看到效果 执行前确保在权限管理中授予相机权限、指令管理和标记管理里同步了服务器数据哦。

布局输出

每行包括布局层次 布局信息(id,desc,class,text,bounds,Clickable)

最后一行是当前界面信息(appPkg, activity)

代码提示

  • 指令存储
  • QQ扫一扫

可以安装其他代码高亮插件,便于阅读

End

赶快对它说"打开QQ扫一扫"(戳我加群)