随着智能手机的普及，移动端应用的开发变得越来越重要。前端手机App的开发是指使用前端技术开发移动端应用，包括HTML、CSS、JavaScript等技术。在这篇文章中，我们将详细介绍前端手机App的开发原理和步骤。## 前端手机App开发原理前端手机App
2024-01-10
中文化、本土化、云端化的在线跨平台软件开发工具，支持APP、电脑端、小程序、IOS免签等等
play 全屏播放：保持当前屏幕方向不变 APP接入视立方播放器
| 用做网页的技术做APP！ 一门提供标准化的jsbridge-mini.js库，您只需要在页面引用并执行JS即可实现各种原生APP、原生PC的功能能力。 ==================APP端================== 【APP端】（安卓版&苹果版）目前提供200+原生功能，2000+JS映射接口，用做网站的技术即可实现各种原生APP能力、APP demo地址https://www.yimenapp.com/doc/demo.cshtml下载教程： ♦ JS-SDK 引用方式： ♦ 普通网页 script 方式加载：下载最新版，请在页面上调用 jsBridge 接口之前引用 jsbridge-mini.js 库； ♦ js module 方式引用：npm install ym-jsbridge 具体请参考 npm package |
核心代码示例，详情参阅demo
//保持当前屏幕方向（不强制横屏）keepOrientation: true
//请参考 全屏播放方式一 的参数说明
jsBridge.txVideo.play({
url : 'https://734.cdn-vod.huaweicloud.com/asset/c4aec16ec296cb8964f80845000cb958/play_video/fcb8827219c07153131eff228583e5a1_H.264_1280X720_HEAACV1_1500.mp4',
title : '保持当前屏幕方向',
qualityName: '超清',
keepOrientation: true,
loop : true
});A标签执行JS示例代码
<a href="javascript:void(0)" onclick="zhixing()">执行</a>
<!-- 写入一个A标签href值为"javascript:void(0)"，定义点击事件onclick；-->
<script src="您的服务器URL/jsbridge-mini.js"></script>
<!-- 在您的服务器引入一门JS地址，请下载jsbridge-mini.js上传您自己的服务器获取链接；-->
<script type="text/javascript">
function zhixing() {
<!--这里可以直接复制JS核心代码到此{}括号内-->
//保持当前屏幕方向（不强制横屏）keepOrientation: true
//请参考 全屏播放方式一 的参数说明
jsBridge.txVideo.play({
url : 'https://734.cdn-vod.huaweicloud.com/asset/c4aec16ec296cb8964f80845000cb958/play_video/fcb8827219c07153131eff228583e5a1_H.264_1280X720_HEAACV1_1500.mp4',
title : '保持当前屏幕方向',
qualityName: '超清',
keepOrientation: true,
loop : true
});
}
</script>
<!--执行核心代码；
//如果需要进入页面就执行，去掉点击事件即可；-->按钮执行JS示例代码
<button onclick="zhixing()" >执行</button>
<!-- //写一个按钮，定义点击执行事件； -->
<script src="您的服务器URL/jsbridge-mini.js"></script>
<!-- //在您的服务器引入一门JS地址，请下载jsbridge-mini.js上传您自己的服务器获取链接； -->
<script type="text/javascript">
function zhixing() {
<!--这里可以直接复制JS核心代码到此{}括号内-->
//保持当前屏幕方向（不强制横屏）keepOrientation: true
//请参考 全屏播放方式一 的参数说明
jsBridge.txVideo.play({
url : 'https://734.cdn-vod.huaweicloud.com/asset/c4aec16ec296cb8964f80845000cb958/play_video/fcb8827219c07153131eff228583e5a1_H.264_1280X720_HEAACV1_1500.mp4',
title : '保持当前屏幕方向',
qualityName: '超清',
keepOrientation: true,
loop : true
});
}
</script>
<!-- //执行核心代码；
//如果需要进入页面就执行，去掉点击事件即可； -->
