autox window下环境搭建 ( auto.js )

本文详细介绍了如何在Android上搭建AutoX环境,包括安装AutoX、使用QtScrcpy进行手机投屏,以及在VSCode中配置Auto.js插件以实现手机自动化操作。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

autox 环境搭建 ( auto.js 替代品)

start

  • 记录一下 autox.js 的环境搭建

1. 什么是 autox

auto.js,一个支持无障碍服务的Android平台上的JavaScript 运行环境 和 开发环境

简单来说,基于无障碍服务的,在安卓平台上,可以通过 JS 代码实现一些自动化操作的工具

由于涉及到一些”因素“,auto.js 作者后续不再维护了,后续就有其他作者,基于 auto.js 又创建了一个仓库 autox
单独维护。

两者几乎相同,都支持安卓手机上的自动化操作。

2. AutoX安装

2.1 AutoX-github仓库地址

AutoX-github地址点此访问

在这里插入图片描述

2.2 AutoX 安装包下载地址

AutoX-apk下载地址

在这里插入图片描述

APK版本说明:

  • universal: 通用版(不在乎安装包大小/懒得选就用这个版本,包含以下2种CPU架构so)
  • armeabi-v7a: 32位ARM设备(备用机首选)
  • arm64-v8a: 64位ARM设备(主流旗舰机)

下载完毕 apk后,拖动到手机,即可完成安装。

2.3 AutoX 文档

Autox.js文档: http://doc.autoxjs.com/

3. QtScrcpy

安装完毕 AutoX,还需要一个手机投屏到电脑上的软件:QtScrcpy

3.1 下载安装

在这里插入图片描述

仓库地址

软件下载地址

下载完毕后,直接双击安装即可。 qq怎么装你就怎么装。然后使用 usb链接手机即可。

3.2 设置手机

  • 需要安卓手机一部
  • 官方标准的数据线(有些垃圾的数据线不可用)
  • 配置开发者模式,打开 usb调试功能。
3.2.1 打开开发者模式

点击系统版本号5次
在这里插入图片描述

3.2.2 打开 usb 调试模式

打开开发者模式之后,我们可以在设置菜单下,会多一个选项(开发者选项)。我们设置这个选项下,USB相关权限。
设置》点击系统版本号》打开 usb 调试模式

在这里插入图片描述

4. vscode配置

下载安装好编辑器 vscode

下载 autojs插件 Auto.js-Autox.js-VSCodeExt

快捷键 ctrl + shift + p,打开搜索界面。首先选择 启动服务。然后选择 显示服务端二维码

在这里插入图片描述

在手机端:打开无障碍服务,连接电脑。即可在 vscode 中运行我们的代码,对安卓手机做自动化操作。

end

结束。

### HBuilderX 期末作业 示例 指导 教程 #### 使用HBuilderX创建HTML页面结构 为了构建一个完整的Web前端项目,可以利用HBuilderX的强大功能来简化开发流程。通过该IDE,能够快速搭建基于HTML的基础框架。 ```html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>汽车用品安装服务公司</title> <!-- 引入样式表 --> <link rel="stylesheet" href="styles.css"> </head> <body> <div id="container"> <!-- 导航栏部分 --> <nav class="navbar"></nav> <!-- 轮播图区域 --> <section class="carousel"></section> <!-- 主体内容区 --> <main></main> <!-- 底部版权信息 --> <footer></footer> </div> <script src="scripts.js"></script> </body> </html> ``` #### 实现CSS布局与美化 对于上述提到的Div、导航栏以及各种视觉效果的设计,则主要依赖于精心编写的CSS代码[^2]: ```css /* styles.css */ * { margin: 0; padding: 0; } #container { width: 100%; height: auto; } .navbar, .carousel, main, footer{ /* 定义各区块基本属性 */ } ``` #### JavaScript交互逻辑编写 为了让网站更加生动有趣,在`<script>`标签内加入JavaScript脚本文件链接,并实现诸如图片轮番显示等功能: ```javascript // scripts.js window.onload = function() { let images = document.querySelectorAll('.carousel img'); setInterval(() => { // 图片切换逻辑... }, 3000); }; ``` 以上仅是一个简单的示例说明如何使用HBuilderX完成一份关于“汽车用品安装服务公司”的网页设计作业。实际操作过程中还需要考虑更多细节和技术要点,比如响应式设计、SEO优化等方面的内容。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

lazy_tomato

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值