链控实现设备横竖屏?xapp-screenOrientation=

[复制链接]
老魏Lv.7 显示全部楼层 发表于 2021-12-31 16:26:58 |阅读模式 打印 上一主题 下一主题
一门app开发演示
功能名称: 链控实现设备横竖屏?xapp-screenOrientation=
功能说明: 在A标签后缀获得链控能力,实现设备横竖屏?xapp-screenOrientation=
核心代码: ?xapp-screenOrientation=0
#xapp-screenOrientation=1
&xapp-screenOrientation=2
jsBridge下载: https://www.yimenapp.com/doc/demo.cshtml
安卓上架
URL添加后缀
  1. <a href="https://www.yimenapp.com/?xapp-screenOrientation=0">执行</a>
  2. <!-- 任意网页html在A标签后添加后缀,实现设备特定单页横竖屏设定 -->
  3. <!-- /**
  4. * 屏幕方向
  5. * 0 自适应(注意需取消手机方向锁定)
  6. * 1 横屏
  7. * 2 竖屏
  8. **/ -->
  9. <!-- “?”“#”“&”三个符号间隔,具体根据自己的URI结构选择使用 -->
  10. <!-- URL链控功能必须在新窗口打开才会生效,可以在链接中加上 xapp-target=blank 参数,强制页面在新窗口中打开 -->
  11. <!-- URL链控后缀可以组合使用,更多链控规则,请查阅demo -->
复制代码
执行 自定义
执行 横屏
执行 竖屏

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

全局设置

QQ截图20211231163312.jpg

效果体验

QQ截图20211231163355.jpg

竖屏效果体验

QQ截图20211231163406.jpg

横屏效果体验

回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

一门APP打包致力于H5混合APP基础框架领域的前沿探索,专注轻便的移动应用解决方案 提供基于HTML前端页面在各种应用层级的端延展。
  • 官方手机版

  • 微信公众号

  • 微信客服

  • Powered by Discuz! X3.4 | Copyright © 2001-2020, 一门APP. | 一门APP开发平台|热门标签
  • 蜀ICP备17005078号-4 | 川公网安备 51019002001185号 | |成都七扇门科技有限公司