js移动—江苏移动网上营业 收藏 0

10款专属移动开发者的JavaScript框架

Titanium Mobile JavaScript Frameworks

Titanium Mobile JavaScript Framework是移动开发者爱不释手的JavaScript框架，适用于Android和iOS操作系统。它大量成套的API和很好的社区支持。它还支持访问摄像头和其他功能。

The M Project

M Project也是一款久负盛名的移动JavaScript框架。通过它可编写 HTML5/CSS3/SVG 应用，并支持多数数据平台，包括 iOS, Android, Palm webOS, 和 Blackberry OS。

M Project基于Model View和Controller模型，将开发过程分为不同方面。从而帮你简单快速地创建一个优秀的移动App。

Jo Mobile Javascript Framework

Jo Mobile Javascript Framework是一款基于HTML5的移动开发框架，支持Android、iOS、Blackberry、webOS以及Chrome OS App开发。你可以用相同的代码为多个操作系统开发原生应用程序。

jQuery Mobile

jQuery Mobile是一个针对触屏优化的开发框架，支持Android和iOS开发。jQuery Mobile基于jQuery和jQuery UI开发而成，具有轻量级的代码并且易于主题化。它内置许多工具，可帮助开发人员开发出抢眼而稳健的应用程序。

此外，jQuery Mobile拥有大量的帮助文档，易于开发者理解。

DHTML X

DHTML X-Mobile javascript Framework是一个免费开源的HTML和广泛使用的移动JavaScript框架，快速、简单易用并且非常强大。利用其可视化编辑器，开发人员可以设计出令人难以置信的移动用户界面。同时，通过几行代码就能打造出一个高质量的用户界面。

Zepto.JS

Zepto.JS是一款轻量级的移动JavaScript框架，适用于多种操作系统。该JS移动框架大小只有5kb，不会占用太多带宽即可创建优秀的移动开发框架。

XUI.JS

XUI.JS是一款强大而灵活的移动开发框架，支持AJAX和事件处理，是移动开发的理想框架。XUI.JS可用于开发适用于特定浏览器的应用程序，也可以开发移动操作系统应用程序。XUI.JS拥有丰富的文档和庞大的社区支持，可轻松解决移动开发中所遇到的任何问题。

Chocolate Chip Mobile

除了有一个有趣的名字外，Chocolate Chip Mobile也是一款非常了不起的移动JavaScript框架。Chocolate Chip Mobile拥有类似于jQuery原型的语法。该框架还包括一些其他重要功能，如绑定事件处理，委托等。

Embed JS

Embed.JS 是一个用于嵌入式设备的JavaScript框架，开发者可用来开发针对多设备的移动应用，比如平板、TV或者智能手机等。它可以通过最少量的代码帮你开发令人钦佩的移动app。EmbedJS Build tool还可以帮你实现某些定制功能。

Mobilize.JS

Mobilize.js是一个开源的HTML5-JavaScript框架用于从任何现在有标准网站快速,简便地构建移动网站。它通过使用jQuery Mobile UI framework来检测移动浏览器和为触屏优化显示的web页面格式。

移动端自动化 AutoJS 快速入门指南（上）

来源：AirPython

作者：星安果

大家好，我是安果！

之前写过很多 App 端自动化的文章，大都基于 Appium、Airtest、无障碍服务等技术来实现的

其中，Appium 和 Airtest 编写的自动化脚本都依赖于 PC 端运行，没有办法直接运行在移动端；无障碍服务需要单独创建一个 Android 项目，没有完整的使用文档，使用起来有一定的门槛

从本篇文章开始，介绍一款可以直接运行在移动端的自动化工具：AutoJS

AutoJS 类似于按键精灵，它是 Android 平台上的一款自动化工具，它通过编写 JavaScript 脚本，结合系统的「 无障碍服务 」对 App 进行自动化操作

它的优势包含：

• 使用 JS 编写脚本，代码可读性强
• 脚本文件体积小，可以打包成 APK 直接安装
• 拥有丰富的 UI 组件用于构建 GUI 界面
• 非 Root 设备也能完成自动化操作，可以摆脱 PC 直接运行
• 提供多种元素定位方式，可以适配各种机型
• 官方文档非常详细，学习成本低

AutoJS 拥有多个版本，其中最常用的两个版本分别是：Auto.js Pro、Auto.js 4.1.1 Beta

PS：由于某些原因，AutoJS 作者现在只对 Auto.js Pro 版本进行维护，并且 Auto.js Pro 对部分主流 App 进行了限制

后面的文章都是以 Auto.js 4.1.1 Beta 为例进行讲解（ 文末有提供下载方式 ）

首先，下载 VS Code 软件和 2 个插件

2 个插件包含：

• Auto.js-VSCodeExt
• Auto.js-VSCodeExt-Fixed

其中，Auto.js-VSCodeExt-Fixed 对插件 Auto.js-VSCodeExt 进行了部分优化，更加方便我们调试脚本

然后，使用 VS Code 快捷键「 Ctrl/Command + Shift + P 」，选择「 Auto.js:Start Server 」开启 AutoJS 服务

接着，在真机或模拟器安装 AutoJS 应用及 AutoJS 打包工具应用

PS：如果使用模拟器，推荐使用网易 MuMu 或雷电模拟器

打开 AutoJS 应用，首次进入应用关闭更新提示对话框，并按照指引开启「 无障碍服务 」

在软件主界面，点击左上角滑出侧边栏，依次打开无障碍服务、前台服务、悬浮窗

前台服务用于提升服务的存活率，防止服务被回收掉

悬浮窗会悬浮在任意界面之上，提供一些快捷功能操作，具体包含：

• 文件项目列表会展示示例代码及自己编写的脚本、文件夹，可以快速完成脚本编辑、运行、定时任务、打包等操作
• 脚本录制录制脚本，仅适用于 Root 后的设备，由于它基于坐标点，适配性不强，所以很少使用
• 元素控件定位针对当前界面进行布局控件分析、布局层次分析
• 关闭正在执行的脚本一键停止所有正在执行的脚本任务
• 更多设置可以快速进入到「无障碍服务」页面、查看当前应用包名及 Activity 名称等

最后，选中软件侧边栏中的「 连接电脑 」这一项，在对话框中输入 PC 的 ip 地址

PS：AutoJS 连接电脑时如果没有报错，VS Code 通知栏和 OUTPUT 会展示设备连接成功的消息

在完成上面的准备工作后，我们就可以在 VS Code 中使用 JS 编写自动化脚本了

这里以自动刷抖音短视频为例

首先，使用「 auto.waitFor() 」确保无障碍服务开启成功

然后，使用 launchApp + 应用名称，快速启动抖音 App

接着使用界面元素内容 + waitFor() 方法等待元素出现，代表界面加载完成

最后，使用 Root + Swipe + 坐标点模拟界面滑动

PS：这里为了方便，直接使用 Root 设备的 API 方法，如果是非 Root 设备，可以采用官方提供的滑动 API 或控件中心坐标点击事件来实现

完整代码如下：

auto.waitFor()//打开抖音Appvar appName = \”抖音\”;(appName);//等待进入主界面成功text(\”首页\”).waitFor();toast(\”准备开始滑动\”)//滑动（Root+坐标点）while (true) {Swipe(200, 1000, 210, 400, 500);//休息5s钟sleep(5000);toast(\”继续滑动。。。\”)}

本篇文章介绍了 AutoJS 最基础的使用步骤，并通过一个简单的实例讲解其用法

web前端中的10个移动框架

手机应用程序运行更快，更平滑，用户体验更好。与此同时，前端开发者总是在寻找新的 Web技术，以获得性能。使用已有的高质量的移动框架来构建移动 Web应用已经变得很简单，但如何选择合适的框架却是一个难题。所以在这篇文章中，我们整理了10个移动框架，下面和小编一起来看看。

1、Redbeard

Redbeard允许它在没有模板的情况下创建本地应用程序，这更快更容易。它是一个完整的框架，有大量的组件，并且有一系列现成的组件和一些最常用的功能。每个组件都是通过我们可怕的主题引擎完全主题化的，没有打包或者打包应用框架。Redbeard100%原生开发框架，整个iOS套件Objective-C和Swift。

2.Weex

韦克斯是一个跨平台的 UI框架。具有轻巧、高性能和可扩展性。Weex是利用 HTML, CSS和 Java，它的模块， UI组件，它自己的工具和命令，为移动环境设计，并加速移动速度。

3.Rikulo

RikuloUI是HTML5创建的一个跨平台 Web和本地移动应用程序框架。该软件采用结构化的用户界面模型，并在桌面和 UX触摸屏上提供响应。

4.A Frame

是一个在虚拟现实网页上构建东西的框架。可以使用标签在工作桌面、iPhone和Oculus Rift上创建虚拟现实体验。

5.Onsen UI

“OnsenUI”是一个移动框架，包含 PhoneGap应用程序和HTML5、 Java和 CSS框架。该软件提供了大量的基于 Web的 UI组件，为智能手机和平板电脑以及其他功能提供了响应式布局。

6.Tabris.js

tabris.js是一种移动框架，只需使用Javaaisios和A创drid本地即可。tab视图呈现与UI不同，只需在移动平台上使用Java本地did即可。tab视图呈现与UI不同，它创建了移动平台上的Java本地drid本地d。tab开发可以快速开发。

7.Rad.js

RAD. js可以产生跨平台能力，像母语一样响应，解决应用程序的性能和可用性问题。通过 mobidev的专业移动创业团队，企业需要有实力的企业创建产品，并直接成为软件开发人员。

8.Konva

这是一个2 D小米HTML5 canva框架，用于开发桌面和移动应用程序，提供定向 API，分层支持，吐温和动画，过滤，自定义形状等功能。

9.Mootor

mootor是开发移动应用程序的HTML5框架。这是一个非常简单的主义者，可以在很多平台上使用iOS、Android等。

10.TouchstoneJS

JS是tectact。j的混合移动应该使用ui框架。它包括表单组、导航、转换、局部触摸行为等。还提供其他特性。

以上就是这次关于web前端的十个移动框架，如果有没说到的框架，你可以在评论区留言。

本文作者及来源:Renderbus瑞云渲染农场https://www.renderbus.com