w***@163.com
w***@163.com
  • 发布:2017-09-04 14:05
  • 更新:2022-07-26 12:08
  • 阅读:12947

刚看到的一篇关于手机设置禁止横屏的解决方案,值得收藏!!!

分类:HTML5+

解决横屏问题:
(转载)
真机运行时,manifest并不会实时生效,要打包才生效。
横屏有3个层级:

  1. 手机禁止横屏
  2. 手机允许横屏,但manifest禁止横屏
  3. 手机允许横屏、manifest允许横屏,但页面代码禁止横屏。

js里控制:
//仅支持横屏显示
plus.screen.lockOrientation("landscape-primary");
//仅支持横屏反方向显示
plus.screen.lockOrientation('landscape-secondary');
//仅支持竖屏显示
plus.screen.lockOrientation("portrait-primary");
//仅支持竖屏反方向显示
plus.screen.lockOrientation("portrait-secondary");

或(该方式未经测试)
// 锁定屏幕为竖屏模式,不能设备如何旋转,屏幕都不会切换到横屏模式。
window.screen.lockOrientation([“portrait-primary”,“portrait-secondary”]);
// 锁定屏幕为横屏模式,无能设备如何旋转,屏幕都不会切换到竖屏模式。
window.screen.lockOrientation([“landscape-primary”,“landscape-secondary”]);
// 取消屏幕的锁屏,屏幕回到原始状态,
window.screen.unlockOrientation();

manifest.json里控制:
"orientation": [
"portrait-primary",
"portrait-secondary"
]
该文转载地址:http://ask.dcloud.net.cn/article/522

3 关注 分享
t***@qq.com cxian Liew

要回复文章请先登录注册

r***@126.com

r***@126.com

回复 HealerLZH :
老兄,横屏问题解决了吗
2022-07-26 12:08
HealerLZH

HealerLZH

回复 typer :
我也遇到这个问题了,请问您是怎么解决的
2019-09-27 12:16
typer

typer

苹果手机上打包出来后plus.screen.lockOrientation("landscape-primary");没效果。但是在hbuilder基座上测试的时候是能转的,很奇怪
2018-12-29 20:18
lubg

lubg

IOS系统下,问题多多,受重力感应影响,锁定还是会失效
2018-05-22 14:06