一门APP开发教程

标题: JS控制设备屏幕方向 APP屏幕方向通过JS控制为横屏或竖屏或自适应 [打印本页]

---

作者: 老魏    时间: 2022-1-7 11:18
标题: JS控制设备屏幕方向 APP屏幕方向通过JS控制为横屏或竖屏或自适应

A标签执行JS

1. <a href="javascript:void(0)" onclick="zhixing()">执行</a>
2. <!-- 写入一个A标签href值为"javascript:void(0)"，定义点击事件onclick；-->
3. <script src="您的服务器URL/jsbridge-mini.js"></script>
4. <!-- 在您的服务器引入一门JS地址，请下载jsbridge-mini.js上传您自己的服务器获取链接；-->
5. <script type="text/javascript">
6. function zhixing() {
7. jsBridge.setOptions({
8. screenOrientation: 0,
9. // 屏幕方向
10. // 0 自适应(注意需取消手机方向锁定)
11. // 1 横屏
12. // 2 竖屏
13. });
14. }
15. </script>
16. <!--执行核心代码；
17. //如果需要进入页面就执行，去掉点击事件即可；-->

复制代码

执行自适应

执行横屏

执行竖屏

下载jsbridge-mini.js上传服务器并引入，根据实际业务自定义JS策略，映射JS只会APP内生效！请下载APP后打开app体验！

按钮执行JS

1. <button onclick="zhixing()" >执行</button>
2. <!-- //写一个按钮，定义点击执行事件； -->
3. <script src="您的服务器URL/jsbridge-mini.js"></script>
4. <!-- //在您的服务器引入一门JS地址，请下载jsbridge-mini.js上传您自己的服务器获取链接； -->
5. <script type="text/javascript">
6. function zhixing() {
7. jsBridge.setOptions({
8. screenOrientation: 0,
9. // 屏幕方向
10. // 0 自适应(注意需取消手机方向锁定)
11. // 1 横屏
12. // 2 竖屏
13. });
14. }
15. </script>
16. <!-- //执行核心代码；
17. //如果需要进入页面就执行，去掉点击事件即可； -->

复制代码

执行自适应 执行横屏 执行竖屏

下载jsbridge-mini.js上传服务器并引入，根据实际业务自定义JS策略，映射JS只会APP内生效！请下载APP后打开app体验！

衍生阅读

(, 下载次数: 13)

上传

点击文件名下载附件

可以在配置-配置移动版-设备适配 功能模块里面进行全局设置！

---

欢迎光临 一门APP开发教程 (https://bbs.yimenapp.com/)

Powered by Discuz! X3.4